html中table数据排序的js代码

2016年07月27日 7 阅读

对了，注意那个innerText和innerHTML 复制代码 代码如下: function sortCells（event） { var obj = event.target; var count = 0; count是记录点击次数的，根据奇偶进行升序或降序 if（！obj.getAttribute（"clickCount"））{ obj.setAttribute（"clickCount", 0）; } else { count = parseInt（o...

仿jQuery的siblings效果的js代码

2016年07月27日 5 阅读

复制代码 代码如下: function siblings（o）{//参数o就是想取谁的兄弟节点，就把那个元素传进去 var a=[];//定义一个数组，用来存o的兄弟元素 var p=o.previousSibling; while（p）{//先取o的哥哥们 判断有没有上一个哥哥元素，如果有则往下执行 p表示previousSibling if（p.nodeType===1）{ a.push（p）; } p=p.previousSibling//最后把上一...

javascript 动态改变onclick事件触发函数代码

2016年07月27日 7 阅读

javascript 动态改变onclick事件触发函数代码 function oc（） { alert（"原本的方法"）; } function od（） { alert（"我改变方法了。"）; } function of（） { document.getElementById（"name"）.onclick = function（）{ od（）; }; } 原来的方法 通过点击，改变原来的方法的执行 [Ctrl+A 全选 注:如...

JavaScript中的View-Model使用介绍

2016年07月27日 5 阅读

构成 这是一个十分常见的微博列表页面，类似于新浪微博。上周末，在心无旁骛情况下，一共用了5个对象，产出400行代码，实践出一种代码组织模式。 使任务轻松完成的代码有4个方面的要素组成： 要素组成模型Reply、Forward视图CommentEditor、ReplyList、ForwardList模板jQuery.tmpl异步任务jQuery.Deferred分部介绍 模型 模型只与数据有关，它能够产生、过滤、保存、验证数据，并且仅此而已。 如下例，留言模...

基于jQuery的投票系统显示结果插件

2016年07月27日 6 阅读

首先还是来看一下运行效果如图1所示。 该插件使用步骤 一、引入css文件 首先页面引入css样式文件‘votecss.css"，他是投票结果正常显示必不可少的。具体代码如下所示： <link href="startpic/votecss.css" rel="stylesheet" type="text/css" /> 二、引入jQuery的就是源文件 该插件是以jQuery为基础的所以引入jQuery插件是必须的具体代码如下： <scri...

基于jQuery的星级评分插件

2016年07月27日 6 阅读

首先看一下运行效果如下图所示。 鼠标移到星星上该星星前面的所有星星全部变亮，鼠标单击将记录点击的星星数，前面的所有星星将变亮。一、原理 本程序的原理是这样的：一个“ul”标签，该标签的背景为灰色的星星，控制“ul”标签的宽度显示星星的数量。例如：一个星星图片的宽度为23px，那么要显示10个星星，则“ul”的宽度为230px就可以显示10个星星。 n个“li”标签，n表示您要显示星星的个数，例如你要显示10个星星那么将有10个“li”标签。那么这10个标...

Jquery中对数组的操作代码

2016年07月27日 5 阅读

而在Jquery中则使用$.map（）、$.each（）来操作数组： 首先是普通的数组（索引为整数的数组）： 复制代码 代码如下: $.map（arr,fn）; 对数组中的每个元素调用fn函数逐个进行处理，fn函数将处理返回最后得到的一个新的数组 var arr = [9, 8, 7, 6, 5, 4, 3, 2, 1]; var newarr = $.map（arr, function（item） {return item*2 }）; alert（new...

jquery获得下拉框值的代码

2016年07月27日 5 阅读

获取Select ： 获取select 选中的 text : $（"#ddlRegType"）.find（"option:selected"）.text（）; 获取select选中的 value: $（"#ddlRegType "）.val（）; 获取select选中的索引: $（"#ddlRegType "）.get（0）.selectedIndex; 设置select: 设置select 选中的索引： $（"#ddlRegType "）.get（0）....

javascript高级学习笔记整理

2016年07月27日 5 阅读

一.js面向对象的一种实现 复制代码 代码如下: <script type="text/javascript"> function Person（） { this.name = "张三"; this.age = 0; var nickName = "小三"; //类似私有变量,函数中的局部变量在函数执行完后自动销毁. this.SayHi = function （） { alert（"我的名字是" + this.name + " ,大家都叫...

SyntaxHighlighter语法高亮插件使用说明

2016年07月27日 5 阅读

javascript语法高亮 复制代码 代码如下: （function（）{ var el=document.getElementById（"img"）; var doc=document.documentElement,docBody=document.body; var oldY=（doc.scrollTop || docBody.scrollTop）+（doc.clientHeight/2 || docBody.clientHeight/2）; （f...

javascript中的数字与字符串相加实例分析

2016年07月27日 5 阅读

复制代码 代码如下: console.log（"----1----"） console.log（"12" + "34"）//"1234" console.log（"12" + 34 ）//"1234" console.log（12 + "34"）//"1234" console.log（12 + 34 ）//46 console.log（"----2----"） console.log（+"12" + "34"）//"1234" console.log（+...

js 通用javascript函数库整理

2016年07月27日 5 阅读

复制代码 代码如下: /* * 包含jquery-1.3.2.min.js */ document.write（"<script language="javascript" src="js/jquery-1.3.2.min.js"></script>"）; /* * 公共参数 */ var hostUrl="http://"+window.location.host; //获取网站主机头 /* * 水平居中left值 */ func...

js中字符替换函数String.replace（）使用技巧

2016年07月27日 13 阅读

定义和用法replace（） 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。语法stringObject.replace（regexp/substr,replacement）参数 描述 regexp/substr 必需。规定子字符串或要替换的模式的 RegExp 对象。请注意，如果该值是一个字符串，则将它作为要检索的直接量文本模式，而不是首先被转换为 RegExp 对象。replacement 必需。一个字符串值。规定了替换...

javascript中关于执行环境的杂谈

2016年07月27日 5 阅读

——这就要从JAVASCRIPT的解释器开始说起了：每当JAVASCRIPT解释器开始执行一个函数的时候，都会创建一个执行环境，并且还会产生一个和这个函数息息相关的变量对象，在这个执行环境中定义的一切变量或者函数都会被他保存起来。但是他就像有关部门，可能和你息息相关，但是你永远找不到他的身影，你是无法调用这个对象的，但是JAVASCRIPT解析器处理数据时便会调用到它。 点题就到此为止了，让我们真刀真枪来说说执行环境吧。先从全局执行环境开始，他处于整个执行...

纯JS实现的批量图片预览加载功能

2016年07月27日 5 阅读

1.实现原理直接见代码,需要一张转圈的小图片,需要预览的所有图片默认的位置全是这张小图片,滚轮滚到原图需要出现的位置时候,预览加载替换小图片.实现效果 复制代码 代码如下: <div style="height: 2500px;" id="txtScrollTop"> </div> <div id="galleryList"> </div> 复制代码 代码如下: var util = { $: functi...

理清apply（）,call（）的区别和关系

2016年07月27日 8 阅读

如果在学JavaScript这自由而变幻无穷的语言过程中遇到这种感觉,那么就从现在形始,请放下的您的"偏见",因为这对您来说绝对是一片新大陆,让JavaScrip慢慢融化以前一套凝固的编程意识,注入新的生机！ 好,言归正传,先理解JavaScrtipt动态变换运行时上下文特性,这种特性主要就体现在apply, call两个方法的运用上. 区分apply,call就一句话, 复制代码 代码如下: foo.call（this, arg1,arg2,arg3） ...

jquery jqPlot API 中文使用教程（非常强大的图表工具）

2016年07月27日 6 阅读

jqPlot是一个非常强大的图表工具，曲线，柱状，饼图，应该有尽有，更要命的是，调用方便~~ 官网：http://www.jqplot.com/ 这里贡献上中文教程，基本上所有的api都很齐全，供有需要的童鞋们瞧瞧，更重要的是作为自己滴收藏~~哦耶耶~ jqPlot整的来说有三个地方需要配置。格式如： $.jqplot（‘target", data, options）;target：要显示的位置。data：显示的数据。options：其它配置 series...

兼容IE和Firefox的javascript获取iframe文档内容的函数

2016年07月27日 7 阅读

复制代码 代码如下: <script type="text/javascript"> function getIframeContent（）{ //获取iframe中文档内容 var doc; if （document.all）{//IE doc = document.frames["MyIFrame"].document; }else{//Firefox doc = document.getElementById（"MyIFrame"）.co...

js中将URL中的参数提取出来作为对象的实现代码

2016年07月27日 5 阅读

复制代码 代码如下: （function（） { var urlToObject = function（url） { var urlObject = {}; if （/？/.test（url）） { var urlString = url.substring（url.indexOf（"？"）+1）; var urlArray = urlString.split（"&"）; for （var i=0, len=urlArray.length; i<le...

优化innerHTML操作（提高代码执行效率）

2016年07月27日 5 阅读

例子：我们要实现的效果是当用户点击鼠标的时候，就在旧数据上追加若干新数据。 如果使用标准DOM的话，完整代码如下： 复制代码 代码如下: <html> <head> <title>test</title> </head> <body> <div> <p>data<p> </div> <script> document.on...