Javascript的IE和Firefox兼容性汇编】的更多相关文章

以下以 IE 代替 Internet Explorer,以 MF 代替 Mozzila Firefox 1. document.form.item 问题    (1)现有问题:        现有代码中存在许多 document.formName.item("itemName") 这样的语句,不能在 MF 下运行    (2)解决方法:        改用 document.formName.elements["elementName"]    (3)其它     …
下面是一些Javascript的IE和Firefox(火狐)兼容性的常用例子 1. document.formName.item("itemName") 问题 说明:IE下,可以使用document.formName.item("itemName")或document.formName.elements["elementName"]; Firefox下,只能使用document.formName.elements["elementNam…
JavaScript框架设计(三) push兼容性和选择器上下文 博主很久没有更博了. 在上一篇 JavaScript框架设计(二) 中实现了最基本的选择器,getId,getTag和getClass ,并且解决了document.getElementsByClassName() 这个函数在ie8下面的兼容性问题,似乎以前的代码已经没问题了? 但是, 注意这一句代码: result.push.apply(result,document.getElementsByTageName),result.…
相信不少人,都特别清楚CSS HACK,而其中也是区别IE6.IE7.IE8.Firefox兼容性问题用的,CSS hack由于不同的浏览器,对CSS的解析认识不一样,因此会导致生成的页面效果不一样. 这儿做个总结,也是方便自己以后查阅. 1.分辨IE和非IE浏览器中 div{ background:blue;/*非IE背景藍色*/ background:red\;/*IE6.IE7.IE8背景紅色*/ } 2.分辨IE6,IE7,IE8和火狐 div{ background:blue;/*Fi…
Selenium和firefox兼容性问题 2016-07-10 若出现兼容性问题,会报如下错误: org.openqa.selenium.firefox.NotConnectedException: Unable to connect to host 127.0.0.1 on port 7055 after 45000 ms 解决方案见文章:http://www.webdriver.org/article-22-1.html 在selenium下载页面 http://www.seleniumh…
整理关于IE6.IE7.IE8.Firefox兼容性CSS HACK问题 1.区别IE和非IE浏览器CSS HACK代码 #divcss5{background:blue; /*非IE 背景藍色*/background:red \9; /*IE6.IE7.IE8背景紅色*/} 2.区别IE6,IE7,IE8,FF CSS HACK [区别符号]:「\9」.「*」.「_」[示例]:  #divcss5{background:blue; /*Firefox 背景变蓝色*/background:red…
http://www.jb51.net/article/23923.htm     总结一部分IE和Firefox的javascript差异写法,对于像书写多浏览器兼容性更好的代码,可以参考下.   一.脚本差异: 1.事件绑定:addEventListener 与 attachEvent  事件处理函数中this指向不同, IE中指向window 2.获取事件对象 :事件处理函数     window.event  3.获取触发事件的DOM元素: target  srcElement 4.阻止…
以下以 IE 代替 Internet Explorer,以 MF 代替 Mozzila Firefox 0.px的问题 obj.style.left = ”100px”; obj.style.top = ”100px”; 千万要记得写上px,否则在Firefox上面两句无效!! 1. document.form.item 问题 (1)现有问题: 现有代码中存在许多 document.formName.item(”itemName”) 这样的语句,不能在 MF 下运行 (2)解决方法: 改用 do…
1.尽量用jquery操作. 2.jquery取值时要用准确的方法,attr(), val(), text(), html(). 例如: <span value="a">test</span> 取value属性值,ie下  $("span").val()可以,ff下就有问题.标准写法$("span").attr("value"); 3.firefox 下最好不要直接用class筛选器,尤其是大量dom的…
1.兼容firefox的 outerHTML,FF中没有outerHtml的方法. 代码如下: if (window.HTMLElement) { HTMLElement.prototype.__defineSetter__("outerHTML",function(sHTML) { var r=this.ownerDocument.createRange(); r.setStartBefore(this); var df=r.createContextualFragment(sHTM…
看下面的代码 <script type="text/javascript"> var dt1 = new Date('2016-3-4 11:06:12'); alert(dt1); </script> 在chrome浏览器中打开没问题,在safari浏览器中打开会提示Invalid Date. 说明上面的写法有浏览器兼容性问题,查一下new Date的初始化参数有5种形式: 1)new Date("month dd,yyyy hh:mm:ss&quo…
今天测试代码时,发现不少IE可以运行的ajax,但在FF中报错.IE和Firefox(火狐)在JavaScript方面的不兼容及统一方法总结如下: 1.兼容firefox的 outerHTML,FF中没有outerHtml的方法. ~~~ HTMLElement.prototype.__defineGetter__()   HTMLElement.prototype.__defineSetter__() if (window.HTMLElement) { HTMLElement.prototyp…
在当前IE6 IE7 FifeFox三分天下的情况下,浏览器兼容性问题成为网页设计者需要考虑的问题. 区别不同浏览器的CSS hack写法: 区别IE6与FF: background:orange;*background:blue; 区别IE6与IE7: background:green !important;background:blue; 区别IE7与FF: background:orange; *background:green; 区别FF,IE7,IE6: background:oran…
1.兼容Firefox的 outerHTML,Firefox中没有outerHtml的方法. if (window.HTMLElement) { HTMLElement.prototype.__defineSetter__("outerHTML",function(sHTML) { var r=this.ownerDocument.createRange(); r.setStartBefore(this); var df=r.createContextualFragment(sHTML…
一.document.formName.item(”itemName”) 问题 问题说明:IE下,可以使用 document.formName.item(”itemName”) 或 document.formName.elements ["elementName"]:Firefox 下,只能使用document.formName.elements["elementName"]. 解决方法:统一使用document.formName.elements["el…
1.//window.eventIE:有window.event对象FF:没有window.event对象.可以通过给函数的参数传递event对象.如onmousemove=doMouseMove(event)解决方法:var event = event || window.event;一个示例: <script> function test(event) { var event = event || window.event; //do Something } </script>…
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>在此处插入标题</title> <style> #div1…
原作者:微米博客 以前写过一篇关于CSS hack的文章,但近期回头看了看发现理解的不够深刻,总结的也不凝练,于是今天重新测试从新写一篇.常用的CSS hack如下(笔者只对IE&FF&Chrome进行了测试). hack列表(全部经笔者测试,且均为标准模式下,混杂模式由于很少会用到所以未对其进行测试): 其中粉红色部分为属性hack,黄色部分为选择器hack,它们可以结合使用.此外Firefox和Chrome也有它们专有的hack,详细hack方式及使 用示例如下: Firefox: @…
事件    浏览器客户端上客户触发的行为都称为事件 所有的事件都是天生自带的 不需要人为绑定 只需要我们去触发通过obj.事件名=function(){} 我们给元素的事件绑定了一个方法 事件名:onmouseover onmouseout onmousedown onmousemove onmouseup Onclick  onchange onfocus onblur 等等 当用户触发一个事件时,浏览器的所有详细信息都存在一个叫event的对象上. 我们把他叫事件对象 事件对象 event…
//innertext 火狐不同版本不兼容 document.getElementById("user-content").textContent=content; 博主使用的是最新50.0 innertext可以使用 测试人员 火狐版本为35.0   innertext无效 关于那些版本兼容,哪些不兼容,还没有花时间去测,有时间测了在补全博客 ps:本文为博主原创,转载请注明出处:http://www.cnblogs.com/Y-zhiwei/.…
function client() { var clientWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth || 0; var clientHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight || 0; var…
老版本的firefox可以直接在“选项”页设置启用或禁用javascript 脚本 新版的Firefox中,我找了半天,没有找到,看来是没法直接设置了 于是在 地址栏键入 about:config 搜索"javascript" 找到 javascript.enabled 那行,鼠标右键,可以自由切换 状态 (启用/禁用) ok了,虽然多了几个步骤,却也还是很简单嘛…
1.在火狐下  document.getElementById("id").textContent可以获取当前获取id下的内容   而在ie下则为:document.getElementById("id").innerText JS在IE和Firefox兼容性问题汇编 以下以IE代替InternetExplorer,以MF代替MozzilaFirefox 1.document.form.item问题 (1)现有问题: 现有代码中存在许多document.formNa…
JavaScript的妙与乐系列文章主要是展示一些JavaScript上面比较好玩一点的特性和一些有用的技巧,里面很多内容都是我曾经在项目中使用过的一些内容(当然,未必所有技巧的使用频率都很高^_^). 本篇文章主要是探讨一些辅助函数的书写优化. 函数优化 在JavaScript中由于浏览器的兼容性差异,导致了在操纵DOM相关的代码中常常会有所差异,比如最经典的给DOM绑定事件 //dom var dom = document.getElementById('example'); //event…
JavaScript 在错误处理调试上一直是它的软肋,如果脚本出错,给出的提示经常也让人摸不着头脑. ECMAScript 第 3 版为了解决这个问题引入了 try...catch 和 throw 语句以及一些错误类型,让开发人员更加适时的处理错误. 一.浏览器错误报告 随着浏览器的不断升级,JavaScript 代码的调试能力也逐渐变强.IE.Firefox.Safari.Chrome 和 Opera 等浏览器,都具备报告 JavaScript错误的机制.只不过,浏览器一般面向的是普通用户,默…
JavaScript错误处理与调试 学习要点: 1.浏览器错误报告 2.错误处理 3.错误事件 4.错误处理策略 5.调试技术 6.调试工具 JavaScript在错误处理调试上一直是它的软肋,如果脚本出错,给出的提示经常也让人摸不着头脑.ECMAScript第3版为了解决这个问题引入了try...catch和throw语句以及一些错误类型,让开发人员更加适时的处理错误. 一.浏览器错误报告 随着浏览器的不断升级,JavaScript代码的调试能力也逐渐变强.IE.Firefox.Safari.…
JavaScript在错误处理调试上一直是它的软肋,如果脚本出错,给出的提示经常也让人摸不着头脑.ECMAScript第3版为了解决这个问题引入了try...catch和throw语句以及一些错误类型,让开发人员更加适时的处理错误.   一.浏览器错误报告 随着浏览器的不断升级,JavaScript代码的调试能力也逐渐变强.IE.Firefox.Safari.Chrome和Opera等浏览器,都具备报告JavaScript错误的机制.只不过,浏览器一般面向的是普通用户,默认情况下会隐藏此类信息.…
第1章 JavaScript概述 第2章 使用JavaScript 第3章 语法.关键保留字及变量 第4章 数据类型 第5章 运算符 第6章 流程控制语句 第7章 函数 //没有参数的函数 function box(){ alert('只有函数被调用,我才会被执行'); } box(); //带参数的函数 function box(name, age){ alert('你的姓名:'+name+',年龄:'+age); } box('小明',25); //带return 返回值 function…
JavaScript框架设计(四) 字符串选择器(选择器模块结束) 经过前面JavaScript框架设计(三) push兼容性和选择器上下文的铺垫,实现了在某一元素下寻找,现在终于进入了字符串选择器 首先,我们解决组合选择器,因为在一个选择器字符串中,它的优先级是最低的. 组合选择器 由于组合选择器是一个包含逗号的字符串,我们可以将其用逗号分隔开 下面看代码 01.html var HPawn = function (selector) { var res = []; var list = se…
按字母顺序整理 索引 Array.prototype.concat() Array.prototype.filter() Array.prototype.indexOf() Array.prototype.join() Array.prototype.map() Array.prototype.pop() Array.prototype.push() Array.prototype.reduce() Array.prototype.reverse() Array.prototype.shift(…