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 == ""){...
在启用了firebug面板后,会增加一个window.console对象及window.console.firebug变量用于保存当前firebug的当前版本,当关闭firebug面板后则变回正常,于是我们可以通过判断其是否存在来检测是否开启了firebug。 代码如下: Boolean(window.console && window.console.firebug) 于是,为了方便在没有启用firebug的情况下避免脚本错误,可以在脚本最前面加入以下语句手工创建空的console对象以作兼容。 代码如下: if (!window.con...
注意:在firefox下 添加字符串的时候有个bug 就是scrollTop 会等于0,当然解决了,但是不够完美。如果有高手也研究过,麻烦指点下。 完整测试代码: 代码如下:abcdefghijklmnopqrstuvwxyz// var test = document.getElementById('testlujun');var TT = { /* * 获取光标位置 * @Method getCursorPosition * @param t element * @return number */ getCursorPosition: function(t){ if (document.selection) { t.focus(); ...
但唯一遗憾的是,在对中文输入法打开时,firefox3.0中是对中文拼音的自动匹配,而对输入后的中文无法及时触发匹配;而在我的IE6.0下,则无此问题。 原因分析: Autocomplete插件对用户输入字符的触发自动匹配是通过”keydown”事件进行的(可分析jquery.autocomplete.js第 92行),在IE6中,当输入法打开时,输入的字符是不会触发”keydown”的,只有中文输入完毕才触发之,所以中文输入和latin文没有区别的;但在firefox3.0下,无...
自动补全也成自动完成,最经典的如google的搜索框,输入一个字母后会给用户很多提示选择 查看源码会发现input输入框加上了autocomplete="off",此为了屏蔽浏览器表单默认的记忆功能。淘宝,百度的搜索框也有该属性。autocomplete 属性是非标准的,首先在 IE5 中加入,后 其它浏览器 都 支持。html5 也将其列表标准。但Firefox中有个Bug。首次提交后,FF会提示是否记住某某网站的密码,点击“记住”后 input[type=text]设置autocomp...
代码如下: $(document).ready(function(){ $("#b01").click(function(){ $('#myDiv').load('http://www.baidu.com'); }); }); Let AJAX change this text Change Content 把 http://www.baidu.com 改为"saa.txt"则正常 分析 觉得应该是由于 直接将http://www.baidu.com的内容放到div中,对于较严格的FireFox可能不会处理 用cssviewter查看处理后的页面源码果然发现div中为空JavaScript教程/参考手册 JavaScri...
这是 菜菜 刚刚发现的 给body标签和document.body都添加点击事件后仅Firefox之弹出了两次 HTML BODY document.body.onclick=function(){ alert ('body'); }; [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 1,给body标签添加了onclick事件,弹出1 2,给document.body添加了onclick事件,弹出body 点击页面红色区域 IE6/7/8/9/Safari/Chrome/Opera : 不弹任何消息 Firefox : 弹出1 点击页面黄色区域 IE6/7/8/9/Safari/Chrome/O...
原网页中用的是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...
IE中的获取文本方法innerText在firefox中不支持 firefox改成了textContent方法/属性 并且在Firefox中文本中间的空白自符被无情的替换没了 使用起来异常不方便 现在好了,用Javascript重新定义了innerText方法 使得在Firefox中也可以使用innerText方法 并且此方法解决了firefox中空白字符的问题 使用方法: 将下面的脚本放在页面内 不管ie还是firefox都可以使用obj.innerText提取文本了 代码如下: function isIE(){ //ie? if (win...
而标准的事件触发可以使用dispatchEvent方法。但现在FF5无法触发了A的默认行为了。如下 代码如下: Firefox5链接A无法实现模拟点击bug 新浪邮箱 function dispatch(el, type){ try{ var evt = document.createEvent('Event'); evt.initEvent(type,true,true); el.dispatchEvent(evt); }catch(e){alert(e)}; } var a1 = document.getElementById('a1'); dispatch(a1, 'click'); 链接A,使用dispatchEvent模拟点击。测试在...
代码如下: function getIframeContent(){ //获取iframe中文档内容 var doc; if (document.all){//IE doc = document.frames["MyIFrame"].document; }else{//Firefox doc = document.getElementById("MyIFrame").contentDocument; } return doc.body.innerHTML; } JavaScript教程/参考手册 JavaScript热搜 Vue利用canvas实现移动端手写板的方法vue2.0 移动端实现下拉刷新和上拉加载更多的示例解决vue-router中的query...
Javascript中,相信大家都试过用getElementsByTagName和childNodes来实现对节点的遍历。但是 getElementsByTagName对复杂的DOM结构遍历明显不如用childNodes,因为childNodes能更好的处理DOM的层次结构,建议在需要进行了遍历时首先使用childNodes!! 但是不幸的是,在IE和FireFox中childNodes有点细微的差别: 代码如下: function view(){ var childs1=$('FirstDiv').childNodes; var childs2=$('SecondDiv').childNodes; alert("...
长久以来JavaScript兼容性一直是Web开发者的一个主要问题。在正式规范、事实标准以及各种实现之间的存在的差异让许多开发者日夜煎熬。为此,主要从以下几方面差异总结IE和Firefox的Javascript兼容性: 一、函数和方法差异; 二、样式访问和设置; 三、DOM方法及对象引用; 四、事件处理; 五、其他差异的兼容处理。 一、函数和方法差异 1. getYear()方法 【分析说明】先看一下以下代码: 代码如下: var year= ...
但是这个size值怎么设置,size="10"是多宽,默认值又是多少,不能光凭感觉去设置。 用脚本来查看下: 代码如下: $(function() { var fileArray = []; var i = 0; while (i fileArray.push(i + ":"); i++; } document.write(fileArray.join("")); $("input:file").each(function() { $(this).after("" + $(this).width() + "") }); }); 在火狐下得到这样的结果: 发现了一定的规律,默认为208像素,size="1"时为85像素,每个siz...
在这篇文章中,作者介绍了7个在IE和Firefox中不同的JavaScript句法。 1. CSS "float" 值 访问一个给定CSS 值的最基本句法是:object.style.property,使用驼峰写法来替换有连接符的值,例如,访问某个ID为"header"的的 background-color值,我们使用如下句法: document.getElementById("header").style.backgroundColor= "#ccc"; 但由于"float"这个词是一个JavaScript保留字,因此我们不能用 object.style.float来访问,这里,我...