原网页中用的是innerText，脚本之家这里给替换成了innerHTML是为了简单的支持firefox，因为firefox不支持innerText，但已经有办法让firefox支持innerText了，兼容代码如下。 代码如下://让Mozilla支持innerText try{ HTMLElement.prototype.__defineGetter__ ( "innerText", function () { var anyString = ""; var childS = this.childNodes; for(var i=0; i<childS.length; i++) { if(childS[i].nodeType==1) anyString += child...
自动补全也成自动完成，最经典的如google的搜索框，输入一个字母后会给用户很多提示选择 查看源码会发现input输入框加上了autocomplete="off"，此为了屏蔽浏览器表单默认的记忆功能。淘宝，百度的搜索框也有该属性。autocomplete 属性是非标准的，首先在 IE5 中加入，后 其它浏览器 都 支持。html5 也将其列表标准。但Firefox中有个Bug。首次提交后，FF会提示是否记住某某网站的密码，点击“记住”后 input[type=text]设置autocomp...
但唯一遗憾的是，在对中文输入法打开时，firefox3.0中是对中文拼音的自动匹配，而对输入后的中文无法及时触发匹配；而在我的IE6.0下，则无此问题。 原因分析： Autocomplete插件对用户输入字符的触发自动匹配是通过”keydown”事件进行的（可分析jquery.autocomplete.js第 92行），在IE6中，当输入法打开时，输入的字符是不会触发”keydown”的，只有中文输入完毕才触发之，所以中文输入和latin文没有区别的；但在firefox3.0下，无...
注意：在firefox下 添加字符串的时候有个bug 就是scrollTop 会等于0，当然解决了，但是不够完美。如果有高手也研究过，麻烦指点下。 完整测试代码： 代码如下:<textarea id="testlujun" style="width: 300px; height: 50px;">abcdefghijklmnopqrstuvwxyz</textarea><br /><input onclick="alert(TT.getCursorPosition(test))" type="button" value="光标位置" /><input onclick="TT.setCursorPosition(test,3)" type="button" valu...
document.getElementsByName(name)方法正是用来读取对象数组的。用法如下： var elements = document.getElementsByName("role"); （"role"为CheckBox数组中每个CheckBox共同的名字） for: getElementsByName范例 function test(){ // 得到checkbox数组 var elements = document.getElementsByName("role"); var str = ""; // 取得所选择的角色 for(var i=0;i " + elements[i].value + "\n"; } } // 输出 if(str == ""){...
代码如下:<textarea onkeydown="keyHanlder(event)"> </textarea> <script> function keyHanlder(e){ if(e.ctrlKey&&e.keyCode==13){ alert("Ctrl+Enter"); if(e.preventDefault)e.preventDefault(); else e.returnValue=false; } } </script> 非IE浏览器调用函数会自动返回参数event，通过它可以获取键盘 代码如下:<SCRIPT LANGUAGE="JavaScript"> <!-- function hotkey(e) { //判断浏览器 var ex = navigator.appName; var a =...
在启用了firebug面板后，会增加一个window.console对象及window.console.firebug变量用于保存当前firebug的当前版本，当关闭firebug面板后则变回正常，于是我们可以通过判断其是否存在来检测是否开启了firebug。 代码如下:Boolean(window.console && window.console.firebug) 于是，为了方便在没有启用firebug的情况下避免脚本错误，可以在脚本最前面加入以下语句手工创建空的console对象以作兼容。 代码如下:if (!window.conso...
from: 颜色选择器 colorpickerhttp://jscolor.com/http://dematte.at/colorPicker/http://www.free-color-picker.com/color-picker-samples.phphttp://www.nogray.com/color_picker.phphttp://www.mattkruse.com/javascript/colorpicker/ColorPicker2.js代码 代码如下:// =================================================================== // Author: Matt Kruse <matt@mattkruse.com> // WWW: http://www.mattkruse.com/ //...
假设在我们页面有这么一段标签： 代码如下:<body> <div id="testDiv" style="width:200px;height:200px;background:#c0c0c0;"></div> </body> 现在在页面加入这么一段脚本： 代码如下:<script type="text/javascript"> window.onload=function(){ //在各个层级的元素上绑定事件 window.onclick=func; document.onclick=func; document.getElementById("timeDiv").onclick=func; document.body.onclick=f...
firstElementChild 访问一元素的这个属性必须将该nodeType 1 元素第一子节点引用返回为 Element 对象。如果该被访问元素属性没有任何子节点，或者如果所有这些子节点都不是元素节点， 那么该属性必须返回 null。 lastElementChild 访问一元素的这个属性必须将该nodeType 1 元素最后子节点引用返回为 Element 对象。如果该被访问元素属性没有任何子节点，或者如果所有这些子节点都不是元素节点， 那么该属性必须返回 null。 previou...
javascript 兼容IE与firefox火狐的回车事件 代码如下:<script language="javascript"> function keypress(e) { var currKey=0,e=e||event; if(e.keyCode==13)document.myform.submit(); } document.onkeypress=keypress; </script> 代码如下:<script> document.onkeydown=function(event) { e = event ? event :(window.event ? window.event : null); if(e.keyCode==13){ //执行的方法 alert(回车检测到了); } } </script>jquery...
ff里不能通过对Frame的ID来直接访问 （IE FF都可以直接通过Frame的Name来访问,但是FrameSet不支持name属性） 因此window.parent.full =》window.parent.document.getElementById("full"); js操作frame详细解说,window.opener和window.parent的区别 frame框架里的页面要改其他同框架下的页面或父框架的页面就用parent window.opener引用的是window.open打开的页面的父页面。 window.frames对象可以引用iframe里的页面,也可以引用fr...
演示代码:测试 .divCss{ bottom:0; display:block; height:25px; overflow:hidden; padding:0; position:fixed; right:20px; } .contentCss{ background:#666; height:200px; width:200px; } .contentCssHeight{ } .titleCss{ width:200px; height:25px; line-height:25px; text-align:right; margin:0px; background:#999999; } #close{ cursor:pointer; } $(function(){ //标题层的高度--提示打开或关...
我最近就在学习怎么使用Firebug，网上找到一篇针对初学者的教程，感觉比较有用，就翻译了出来。 作者：Estelle Weyl原文网址：http://www.evotech.net/blog/2007/06/introduction-to-firebug/译者：阮一峰本文是Firebug的一个概览，并不对它的所有特性进行详尽解释。不过，本文的内容对一个新手来说，应该是足够了。 目录一、安装Firebug二、打开和关闭Firebug三、Firebug窗口概览四、随时编辑页面五、用Firebug处理CSS六、盒状模...
IE与firefox事件处理 在ie中，事件对象是作为一个全局变量来保存和维护的。 所有的浏览器事件,不管是用户触发 的，还是其他事件， 都会更新window.event 对象。 所以在代码中，只要轻松调用 window.event 就可以轻松获取 事件对象， 再 event.srcElement 就可以取得触发事件的元素进行进一步处理 在ff中， 事件对象却不是全局对象，一般情况下，是现场发生，现场使用，ff把事件对象自动传 递给对应的事件处理函数。 在代码中，函数...