2000字范文,分享全网优秀范文,学习好帮手!
2000字范文 > html浏览器影响js问题 js 浏览器兼容性问题

html浏览器影响js问题 js 浏览器兼容性问题

时间:2018-10-28 01:07:55

相关推荐

html浏览器影响js问题 js 浏览器兼容性问题

0、js原生对象 获取自定义属性值的问题:

在IE下,发现使用$("#test")[0].test 可以获得值“abc”。但是在chrome下却得到undifine。

如下修改:$("#test")[0].attributes["test"].nodeValue

1、Event事件

先看一段代码:

Html代码

1.

2.

3.

NewDocument

4.

5.functiontestEvent(){

6.vartarget=window.event.srcElement;

7.document.getElementById('result').innerHTML=target.tagName;

8.}

9.

10.

11.

12.

13.

14.

15.

这段代码在IE浏览器下的效果是,点击按钮,页面上显示“input”。但是在FireFox下点击按钮则会报错:window.event isundefined。这是因为在FireFox下window.event只能在事件发生的现场使用,也就是说,event变量必须在方法调用处被传入。再看下面的代码。

Html代码

1.

2.

3.

NewDocument

4.

5.functiontestEvent(number,ev){

6.vartarget=ev.srcElement||ev.target;

7.document.getElementById('result').innerHTML=target.tagName+number;

8.}

9.

10.

11.

12.

13.

14.

15.

16.//testEvent();

17.

18.

19.

上面的代码在IE和FireFox下执行都能生效,且效果相同。上面的代码有几处需要注意:

1、传入调用方法的event变量一定要是“event”,其它字符不能代替。但是位置不限。

2、event变量的点击对象获取在IE和firefox下也是不同的。FireFoxe下使用 .target获取,IE则要使用.srcElement获取。

其它兼容性问题

1、IE中 event对象有x,y属性,没有pageX,pageY属性;FireFox中有pageX,pageY属性,没有x,y属性。

2、待续。。。。

2、禁止选中:

ie,chrome可能通过JS的onselectstart

例如

复制代码代码如下:

firefox可以通过CSS

复制代码代码如下:

*{

-moz-user-select:none

}

3、浏览器判断:

jQuery从 1.9版开始,移除了 $.browser 和 $.browser.version , 取而代之的是 $.support 。在更新的 2.0 版本中,将不再支持 IE 6/7/8。 以后,如果用户需要支持 IE 6/7/8,只能使用 jQuery 1.9。 如果要全面支持 IE,并混合使用 jQuery 1.9 和 2.0, 官方的解决方

jQuery从 1.9版开始,移除了 $.browser 和 $.browser.version , 取而代之的是 $.support 。在更新的 2.0 版本中,将不再支持 IE 6/7/8。 以后,如果用户需要支持 IE 6/7/8,只能使用 jQuery 1.9。 如果要全面支持 IE,并混合使用 jQuery 1.9 和 2.0, 官方的解决方案是:

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。