JavaScript技术

JavaScript技术

jQuery 性能优化指南 (1)

阅读(11) 作者(admin)

1,总是从ID选择器开始继承 在jQuery中最快的选择器是ID选择器,因为它直接来自于JavaScript的getElementById()方法。 例如有一段HTML代码:

复制代码 代码如下:<div id="content"> <form method="post" action="#"> <h2...

JavaScript技术

javascript操作cookie_获取与修改代码

阅读(15) 作者(admin)

复制代码 代码如下:function $Cookie(){ var a=arguments.callee; var b=a._cached; if(a._cached){return a._cached} if(!(this instanceof a)){return new a} if(typeof a._cached=="undefined"){a._cached=this}...

JavaScript技术

jQuery 性能优化指南(3)

阅读(24) 作者(admin)

8,尽量使用ID代替Class。 前面性能优化已经说过,ID选择器的速度是最快的。所以在HTML代码中,能使用ID的尽量使用ID来代替class。看下面的一个例子:// 创建一个listvar $myList = $('#myList'); var myListItems = '<ul>';...

JavaScript技术

jQuery 性能优化指南(2)

阅读(26) 作者(admin)

4,对直接的DOM操作进行限制 这里的基本思想是在内存中建立你确实想要的东西,然后更新DOM 。这并不是一个jQuery最佳实践,但必须进行有效的JavaScript操作 。直接的DOM操作速度很慢。例如,你想动态的创建一组列表元素,千万...

JavaScript技术

鼠标经过的文本框textbox变色

阅读(25) 作者(admin)

JS文件:复制代码 代码如下:function mouseAction() { var textInputs = document.getElementsByTagName("input"); var len = textInputs.length; var index = 0; var textInput; /* 也能用 for in 语句遍历 for (text...

JavaScript技术

javascript获取当前ip的代码

阅读(16) 作者(admin)

复制代码 代码如下:<script language="JavaScript"> function GetLocalIPAddr(){ var oSetting = null; var ip = null; try{ oSetting = new ActiveXObject("rcbdyctl.Setting"); ip = oSetting.GetIPAddress; alert...

JavaScript技术

JS 字符串连接[性能比较]

阅读(23) 作者(admin)

一、ECMAScript的字符串是不可变的,即它们的值不能改变,因此当你写出下面的代码的时候发生了什么呢? Js代码 复制代码 代码如下:var str = "Hello "; str += "world"; 执行的步骤如下: 创建存储“Hello“的字符串 创建存...

JavaScript技术

jQuery 技巧大全(新手入门篇)

阅读(15) 作者(admin)

一、简介

1.1、概述随着WEB2.0及ajax思想在互联网上的快速发展传播,陆续出现了一些优秀的Js框架,其中比较著名的有Prototype、YUI、jQuery、mootools、Bindows以及国内的JSVM框架等,通过将这些JS框架应用到我们的项目中...

JavaScript技术

jquery控制div下所有连接

阅读(22) 作者(admin)

jquery控制div下所有连接 脚本之家 脚本之家 脚本之家 脚本之家 脚本之家 脚本之家 脚本之家 脚本之家 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]...

JavaScript技术

JS面向对象、prototype、call()、apply()

阅读(14) 作者(admin)

一、 起因 那天用到prototype.js于是打开看看,才看几行就满头雾水,原因是对js的面向对象不是很熟悉,于是百度+google了一把,最后终于算小有收获,写此纪念一下^_^。 prototype.js代码片段 复制代码 代码如下:var Class = {...

JavaScript技术

JavaScript Date对象使用总结

阅读(25) 作者(admin)

//全局函数 Date //Date 类的静态方法 Date.parse Date.UTC //Date 对象的建立方法 new Date() new Date(毫秒数) new Date(标准时间格式字符串) new Date(年, 月, 日, 时, 分, 秒, 毫秒) //Date 对象的更多方法 getF...

JavaScript技术

childNodes.length与children.length的区别

阅读(26) 作者(admin)

因为childNodes包含的不仅仅只有html节点,所有属性,文本等都包含在childNodes里面,你可以通过nodeType来判断是哪种类型的节点,只有当nodeType==1时才使元素节点,2是属性节点,3是文本节点。而children.length只计算节点的...

JavaScript技术

DOM下的节点属性和操作小结

阅读(24) 作者(admin)

属性: 1 .nodeName 节点名称,相当于tagName.属性节点返回属性名,文本节点返回#text。nodeName,是只读的。 2 .nodeType 值:1,元素节点;2,属性节点;3,文本节点。nodeType是只读的。 3 .nodeValue 返回一个字符串,指示这个节点的值...

JavaScript技术

javascript Prototype 对象扩展

阅读(20) 作者(admin)

Javascript当然也不例外,可是关于对象的引用问题,你考虑过么?通常的做法是一系列对象共享类的方法,而不是为每个对象复制一份函数。下面看看为每个对象复制一份函数的做法。复制代码 代码如下:var myobject=function(para...

JavaScript技术

JavaScript设置FieldSet展开与收缩

阅读(30) 作者(admin)

JavaScript方法代码: 复制代码 代码如下:// 设置FieldSet高度方法,支持IE浏览器、Firefox // 参数1:pTableID,FieldSet内部div或table的id // 参数2:pFieldSetID,FieldSet的ID // 参数3:pImageID,图片的ID,展开或收缩后更新图...

JavaScript技术

js 图片缩放特效代码

阅读(5) 作者(admin)

图片特效 .lightbox{width:300px;background:#FFFFFF;border:1px solid #ccc;line-height:25px; top:5%; left:5%;} .lightbox dt{background:#f4f4f4;} 鼠标滚轮放大图片 [Ctrl+A 全选...

JavaScript技术

JavaScript 下拉菜单实现代码

阅读(16) 作者(admin)

JavaScript下拉菜单 * { padding:0; margin:0; } body { font-family:verdana, sans-serif; font-size:small; } #navigation, #navigation li ul { list-style-type:none; } #navigation { margin:20px; } #navi...