JavaScript资料,JavaScript文章,JavaScript文档-易库教程

innerText innerHTML的用法以及注意事项 [推荐]

2017年02月06日 30 阅读

一:动态改变文本和Html Demo1 p { color:gray; } function changeText（） { //innerText属性只能改变HTML内的文本内容,并且支持IE下使用 DT.innerText="我很好"; } function changeHtml（） { //innerHTML符合W3C标准,可以在任何浏览器下使用,并且可以改变独享DH内部的HTML语句 DH.innerHTML="我姓肖"; //火狐下只...

jquery 圆角遮罩图片实现图片圆角

2017年02月06日 29 阅读

运行后请刷新一次。圆角遮罩图片实现图片圆角 by ahuinan 2009-5-15 $（function（）{ $（".kuang"）.after（""）; }） li{ list-style:none; float:left; margin-right:20px; margin-top:20px; position:relative; } img{ border:0; width:94px; height:94px; } .kuan...

js 淘宝首页的拼音排序效果

2017年02月06日 30 阅读

无标题文档 dl,dd,dt { margin:0; padding:0; } #qq { width:600px; overflow:hidden; height:500px; margin:0 auto; background:#fafafa; padding:15px; } #qq span { display:block; width:80px; height:25px; line-height:25px; float:left; } d...

jquery 获取当前元素的索引值

2017年02月06日 30 阅读

JavaScript代码 $（"li"）.hover（function（）{ alert（$（"li"）.index（this））; }）; [Ctrl+A 全选注:如需引入外部Js需刷新才能执行].index函数还是很好用的。它的说明为：搜索与参数表示的对象匹配的元素，并返回相应元素的索引值。如果找到了匹配的元素，从0开始返回；如果没有找到匹配的元素，返回-1。...

编写兼容IE和FireFox的脚本

2017年02月06日 28 阅读

一、正式表达式问题试图用以下表达式提取中括号“]”后面的内容，连接调用以下代码在IE下正常，FireFox则总是会用单数行的内容替代双数行的内容。（/（]）（[^ -}]*）/ig）.exec（srcText）; newtext = "[部门]" + RegExp.$2; 后证实问题出在“ig”的“g”上，FireFox把RegExp当全局变量来处理，且没有及时更新$2，这种问题实在莫名其妙。二、移除Select的条目 IE支持select.opti...

用jQuery解决IE不支持的option disable属性

2017年02月06日 29 阅读

在IE浏览器中，给select的options设置 disable属性是没用的。必须采用一定手段才可以解决这个问题。当然原理就是记住上次选中的 option。 this.selectedIndex 就派上用场了。需要刷新下才可以看到效果，因为输出的都是文本，不存在js加载的情况。使用jQuery解决IE不支持的option disable属性 $（document）.ready（function（）{ $（".myselect opt...

jQuery 源代码显示控件（Ajax加载方式）.

2017年02月06日 30 阅读

直接引用远程文件就可以显示源文件，确实解决了资源。在线演示：http://img.jb51.net/online/jquery_codeview/jquery_code.htm打包下载：http://xiazai.jb51.net/200905/yuanma/jquery_codeview.rar...

JavaScript Table行定位效果

2017年02月06日 29 阅读

上次做table排序对table有了一些了解，这次更是深入了解了一番，发现table原来是这么不简单。还不清楚这个效果叫什么，就叫行定位吧，本来想把列定位也做出来，但暂时还没这个需求，等以后有时间再弄吧。程序原理一开始的需求只是表头部分在滚动时能一直固定在头部，那关键要实现的就是让tr能定位。首先想到的方法是给tr设置relative，用ie6/7测试以下代码： 1 2 3 4 [Ctrl+A 全选注:如需引入外部Js需...

JS backgroundImage控制

2017年02月06日 30 阅读

复制代码代码如下:function changeBgImage（obj）{ obj.style.cssText="background:url（"2.gif"） no-repeat 2 3"; }...

W3C Group的JavaScript1.8 新特性介绍

2017年02月06日 30 阅读

JavaScript 1.8 计划作为Gecko 1.9（将要合并在Firefox 3中）的一部分开始使用的。比起JavaScript 1.7来说，这只是很小的更新，不过它也确实包含了一些向ECMAScript 4/JavaScript 2进化的痕迹。JavaScript 1.8还将包含在JavaScript 1.6 和 JavaScript 1.7中的所有新特性。使用 JavaScript 1.8 为了可以在HTML中使用 JavaScript 1.8...

JavaScript 取一个月的最后一天

2017年02月06日 26 阅读

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]...

两个table之间相互移动数据

2017年02月06日 32 阅读

function moveIt（obj）{ var tableId; if（obj.parentNode.parentNode.id == "t1"）{ tableId = document.getElementById（"t2"）; }else{ tableId = document.getElementById（"t1"）; } var newRow = tableId.insertRow（0）; newRow.insertCell（0）.inner...

Javascript 的addEventListener（）及attachEvent（）区别分析

2017年02月06日 31 阅读

Mozilla中： addEventListener的使用方式： target.addEventListener（type, listener, useCapture）; target：文档节点、document、window 或 XMLHttpRequest。 type：字符串，事件名称，不含“on”，比如“click”、“mouseover”、“keydown”等。 listener ：实现了 EventListener 接口或者是 JavaScr...

jQuery（1.3.2） 7行代码搞定跟随屏幕滚动的层

2017年02月06日 28 阅读

复制代码代码如下:<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jquery.text-effe...

javascript操作cookie_获取与修改代码

2017年02月06日 30 阅读

复制代码代码如下: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} } $Cookie.prototype.get=function（e）{ v...

jQuery 性能优化指南（1）

2017年02月06日 29 阅读

1，总是从ID选择器开始继承在jQuery中最快的选择器是ID选择器，因为它直接来自于JavaScript的getElementById（）方法。例如有一段HTML代码：复制代码代码如下:<div id="content"> <form method="post" action="#"> <h2>交通信号灯</h2> <ul id="traffic_light"> <li>&l...

jQuery 性能优化指南（2）

2017年02月06日 27 阅读

4，对直接的DOM操作进行限制这里的基本思想是在内存中建立你确实想要的东西，然后更新DOM 。这并不是一个jQuery最佳实践，但必须进行有效的JavaScript操作。直接的DOM操作速度很慢。例如，你想动态的创建一组列表元素，千万不要这样做,如下所示：var top_100_list = [...], // 假设这里是100个独一无二的字符串 $mylist = $（"#mylist"）; // jQuery 选择到 <ul> 元素for...

jQuery 性能优化指南（3）

2017年02月06日 29 阅读

8，尽量使用ID代替Class。前面性能优化已经说过，ID选择器的速度是最快的。所以在HTML代码中，能使用ID的尽量使用ID来代替class。看下面的一个例子：// 创建一个listvar $myList = $（"#myList"）; var myListItems = "<ul>"; for （i = 0; i < 1000; i++） {myListItems += "<li class="listItem" + i + "...

鼠标经过的文本框textbox变色

2017年02月06日 31 阅读

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

Javascript 兼容firefox的一些问题

2017年02月06日 29 阅读

比如: 1. document.all（）在FF里不行. 必须改成document.getElementById（）; 2. obj.innerText = "XXX"; 在FF里好像偶尔也有问题. 换成obj.innerHTML = "XXX";就行了. 3. var olE = document.body.onload; 获得body的onload函数. IE没问题.FF不行.改成window.onload.解决. 至于window.onload和b...

首页 / 脚本样式 / JavaScript

innerText innerHTML的用法以及注意事项 [推荐]

jquery 圆角遮罩图片实现图片圆角

js 淘宝首页的拼音排序效果

jquery 获取当前元素的索引值

编写兼容IE和FireFox的脚本

用jQuery解决IE不支持的option disable属性

jQuery 源代码显示控件 （Ajax加载方式）.

JavaScript Table行定位效果

JS backgroundImage控制

W3C Group的JavaScript1.8 新特性介绍

JavaScript 取一个月的最后一天

两个table之间相互移动数据

Javascript 的addEventListener（）及attachEvent（）区别分析

jQuery（1.3.2） 7行代码搞定跟随屏幕滚动的层

javascript操作cookie_获取与修改代码

jQuery 性能优化指南 （1）

jQuery 性能优化指南（2）

jQuery 性能优化指南（3）

鼠标经过的文本框textbox变色

Javascript 兼容firefox的一些问题

jQuery 源代码显示控件（Ajax加载方式）.

jQuery 性能优化指南（1）