各种浏览器兼容问题

2016-02-19 11:43 11 1 收藏

下面图老师小编跟大家分享各种浏览器兼容问题,一起来学习下过程究竟如何进行吧!喜欢就赶紧收藏起来哦~

【 tulaoshi.com - Web开发 】

关于用脚本设置onload事件句柄


在IE、Opera均正常有效,唯独FF既不执行,也不报错,因为在FF,document.body.onload是undefined(未定义),把一个函数赋值给undefined既不会发生什么事情,也不算出错。
这么写的在IE、Opera和FF都有效:


关于用脚本绑定事件句柄
IE 下用 attachEvent, FF 下用 addEventListener

相关讨论如下:
http://search.blueidea.com/?q=addEventListener&bisearch=bbs
(基本上看几贴就明白了,我就不详细说了。请大家看的时候不要顶老贴,谢谢)

参考链接:
http://bbs.blueidea.com/viewthre ... p;page=1#pid2248824
http://bbs.blueidea.com/viewthread.php?tid=2507914
关于浮动代码和 documentElement / body
常常有人提问,为什么 漂浮广告 / 对联代码 在 xHTML 1.1 DTD 文件头 / FF 下不能使用
这是因为,按照标准来说,我们看到的窗体的滚动条不应该是 body 的,而是 HTML 的(也就是 document.documentElement 对象)
所以,解决办法是,把以前不标准的代码中, document.body.scrollTop 或者类似的代码变换为 document.documentElement.scrollTop
关于 ID 与 html 对象元素的引用
这个问题的原因非常非常多。但是一个基本的前提条件就是,对于IE 来说,一个HTML 元素的 ID 可以直接在脚本中当作变量名来使用,而 FF 中不可以。
代码如下:
input id="t1"input type="button" value="click me" onclick="alert(t1.value)"
代码如下:
input id="t1"input type="button" value="click me" onclick="alert(document.getElementById('t1').value)"
关于 事件对象的使用差异
IE 中,事件激发的时候,有一个全局的 window.event 对象保存了事件的相关信息
IE Only 


FF 中,事件激发的时候,将一个局部的 event 对象作为第一个参数传递给了事件处理函数
FF Only


此外,IE 的 event 对象和 FF 的 event 对象还稍有不同。
以下是我常用的兼容形式


参考
http://bbs.blueidea.com/thread-2667939-1-1.html

来源:http://www.tulaoshi.com/n/20160219/1598332.html

延伸阅读
标签: 浏览器
360浏览器怎么设置兼容模式?   1、首先我们打开360浏览器 2、打开浏览器之后,点击地址栏右边的一个图标,如下图,会自动显示两种模式,分别为高速模式和兼容模式。 3、我们这个时候选择兼容模式即可。现在的浏览器就是兼容模式了。 如果是选择极速模式的话,也是一样的操作,只要选择一下就行了。
搜狗浏览器兼容模式怎么设置?   1、打开浏览器,进入主页面。我们这里找到工具这一选项。找到工具选项后,然后我们点击打开它。 2、进入到选项基本设置界面。 3、在选项基本设置界面,我们点击高级选项,将鼠标往下移动,直至找到在兼容模式下并在它前面打上√即可。
标签: 浏览器
2345浏览器兼容模式怎么设置?   一些用户在使用2345浏览器时,有些网站页面显示不正常,对于该问题大多是web网站页面代码编写不规范造成的,故此对于这类网站我们可通过兼容模式与高速模式相互切换,从而达到网页显示正常的目的,不过一些用户不知道如何切换兼容模式与高速模式,下面我们一起看下小编带来的方法吧! 操作方法 ...
标签: 浏览器
如何启用搜狗浏览器兼容模式?   搜狗浏览器是一款智能高速浏览器,该浏览器中默认自带有高速与兼容两种模式,通常情况下用户都会采用高速模式,但有时候会需要用到兼容模式,不过一些用户不知道搜狗浏览器兼容模式的设置方法,故此小编为大家带来了搜狗浏览器开启兼容模式的方法,需要的用户赶快学习下吧! 操作方法 1、打...
标签: 浏览器
qq浏览器怎么设置兼容模式   1、首先我们打开QQ浏览器,然后可以看到在QQ浏览器右上角有一个3个条条的菜单,我们点击菜单。 2、然后我们再下来菜单中选择工具点击启用兼容性视图。我们也可以按ctrl+F6切换。 方法很简单,大家应该都会了吧。

经验教程

551

收藏

58
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部