网页设计问题汇总:IE和FirFox兼容问题

2016-02-20 00:27 9 1 收藏

下面这个网页设计问题汇总:IE和FirFox兼容问题教程由图老师小编精心推荐选出,过程简单易学超容易上手,喜欢就要赶紧get起来哦!

【 tulaoshi.com - Web开发 】

ie和火狐兼容问题

1. document.form.item 问题

(1)现有问题:

现有代码中存在许多 document.formName.item("itemName") 这样的语句,不能在Firefox(火狐)下运行

(2)解决方法:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

改用 document.formName.elements["elementName"]

2. 集合类对象问题

(1)现有问题:

现有代码中许多集合类对象取用时使用 (),IE 能接受,Firefox(火狐)不能。

(2)解决方法:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

改用 [] 作为下标运算。如:

又如:

 

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

 

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

3. window.event

 

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

(1)现有问题:

使用 window.event 无法在火狐浏览器上运行

(2)解决方法:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

火狐 的 event 只能在事件发生的现场使用,此问题暂无法解决。可以这样变通:
原代码(可在IE中运行):

新代码(可在IE和火狐中运行):

input type="button" name="someButton" value="提交" onclick="javascript:gotoSubmit(event)"/br /...br /script language="javascript"br /function gotoSubmit(evt) {br /evt = evt ? evt : (window.event ? window.event : null);br /...br /alert(evt); // use evtbr /...br /}br //script

此外,如果新代码中第一行不改,与老代码一样的话(即 gotoSubmit 调用没有给参数),则仍然只能在IE中运行,但不会出错。所以,这种方案 tpl 部分仍与老代码兼容。

来源:http://www.tulaoshi.com/n/20160220/1631878.html

延伸阅读
原文链接:http://www.cnblogs.com/JustinYoung/archive/2007/04/19/good-tools-for-web-developer.html 第一个是微软的一个小东西,利用这个能够很轻松的掌握网页的DOM结构,对应那些结构比较复制的网页分析很有特效. iedevtoolbar下载地址如下: 本地(较老版本):http://files.cnblogs.com/JustinYoung/iedevtoolbar.rar 官方(...
标签: Web开发
关于用脚本设置onload事件句柄 在IE、Opera均正常有效,唯独FF既不执行,也不报错,因为在FF,document.body.onload是undefined(未定义),把一个函数赋值给undefined既不会发生什么事情,也不算出错。 这么写的在IE、Opera和FF都有效: 关于用脚本绑定事件句柄 IE 下用 attachEvent, FF 下用 addEventListener 相关...
标签: Web开发
CSS对浏览器器的兼容性具有很高的价值,通常情况下IE和Firefox存在很大的解析差异,这里介绍一下兼容要点。 常见兼容问题: 1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin...
标签: Web开发
CSS网页布局中往往会出现很多IE与FF不兼容问题,下面整理了一些常见的可能及其解决的办法! 1、用!important解决IE和Mozilla的布局差别 !important是CSS1就定义的语法,作用是提高指定样式规则的应用优先权,最重要的一点是:IE一直都不支持这个语法,而其他的浏览器都支持。因此我们就可以利用这一点来分别给IE和其他浏览器不...
标签: Web开发
找Bug 篇 原始代码,未做修正: 运行代码框 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmlns="http://www.w3.org/1999/xhtml"head runat="server"meta http-equiv="Content-Type" content=&q...

经验教程

222

收藏

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