FF IE兼容性的修改小结


Posted in Javascript onSeptember 02, 2009

1.html 标签如果用 $(id) 或者 getElementById 这两个方法取值时,要给该标签加上 id 的属性, IE 、 FF 才兼容。如 $(mobile): 如果填 写 mobile 的 input 没有 id 属性在 FF 中会报这个变量 undefined ;
2. 取 form 表单的某个标签对象,如果要 IE 、 FF 兼容要把 formMain.item 改为 document.formName.item 。
如 form1.webUrl 改为 document.form1.webUrl 。
如果 form 作为一个参数传给某个函数,也要加上 "document.", 如 search(formMain) 改为 search(document.formMain)
3. 取 html 的自定义属性用 obj.attributeName 改为 obj.getAttribute("attributeName") 取则 IE 、 FF 兼容;非自定义属性仍可以按照
obj.attributeName 取。
如: <input type="text" name="memberCn" checkValue="notNull;eLength:25"> 这个标签中的 checkValue 属性为自定义属性,要用 obj.getAttribute("checkValue") 取, IE 、 FF 才兼容,其他属性如 type 属性则仍然可以用 obj.type 取
4.eval 函数,在 FF 和 IE 中使用不一样 , 在 FF 中用“ + ”连接成的一个可执行语句作为 eval 的参数时,不能执行而在 IE 中可以。遇到 要用 eval 时,尽量找别的方法代替。
如: eval("msg_" + textbox.name+ “ .className='wrong' ”) ;
"msg_" + textbox.name+ “ .className='wrong' ”这句话作为 eval 的参数在 IE 中能执行,在 FF 中执行时报 "msg_" + textbox.name 连接得到的空间名 undefined ,不能执行, 要修改为:
document.getElementById("msg_" + textbox.name).className='wrong';
5. 样式中的 display 的属性 block ,在 FF 中如果遇到异常可以变为空;如 item.style.display="block" 可以改为 item.style.display=""
如 $("divType4").style.display="block";
改为 $("divType4").style.display="";
6. 再添加一个: label 在 FF 中好像跟 IE 不一样:比如说以下代码:
<td colspan = "3" class = "line_l"> 成人 <label>
<input name = "amount" type = "text" value = "${amount} " size = "6" maxlength = "10" eleName = "[ 成人预订人数 ]" checkValue = "notNull;eLength:10;isLong" />
人        儿童
<input name = "kidAmount" type = "text" value = "${kidAmount} " size = "6" maxlength = "10" eleName = "[ 儿童预订人数 ]" checkValue = "notNull;eLength:10;isLong" />
人 <span class = "line_red"> * </ span></label>
</ td>
这样写在 FF 中输入时儿童的光标总是跑到成人那里去, IE 中不会,而这样写就不会:
<td width = "25%"> 成人 <label>
<input name = "amount" type = "text" value = "${amount} " size = "6" maxlength = "10" eleName = "[ 成人预订人数 ]" checkValue = "notNull;eLength:10;isLong" /> 人 </ label></ td>
<td width = "75%"> 儿童 <label><input name = "kidAmount" type = "text" value = "${kidAmount} " size = "6" maxlength = "10" eleName = "[ 儿童预订人数 ]" checkValue = "notNull;eLength:10;isLong" /> 人 </ label></ td>
注意 label 的位置,一个是在两个 input 的外面,一个是在一个 input 的外面,
难道 label 标签在 FF 中不能包含两个输入的标签???
还有一个地方:代码如下:
<td><label>
<select name = "provinceId" id = "provinceId" onchange = "iniCity(document.frmMain.provinceId,document.frmMain.cityId,document.frmMain.subCity);" eleName = "[ 所在省份 ]" checkValue = "IS_LONG">
</ select> 省
<select name = "cityId" id = "cityId" onchange = "iniSubCity(document.frmMain.provinceId,document.frmMain.cityId,document.frmMain.subCity);" eleName = "[ 所在城市 ]" checkValue = "IS_LONG"></ select> 市
<select name = "subCity" id = "subCity" eleName = "[ 所在县区 ]" checkValue = "IS_LONG"></ select>
<span class = "red"> * </ span></label></ td>
这个代码时第二个,第三个 select 的光标固定不住,应该是跑到了第一个 select 上去了,但因为是 select 所以看不到,但是上面的 input 能看到。同样这个问题在 IE 中正常。我觉得这个也说明了我上面的说法。

Javascript 相关文章推荐
dreamweaver 安装Jquery智能提示
Apr 02 Javascript
js中符号转意问题示例探讨
Aug 19 Javascript
火狐下input焦点无法重复获取问题的解决方法
Jun 16 Javascript
用NODE.JS中的流编写工具是要注意的事项
Mar 01 Javascript
jQuery设置图片等比例缩小的方法
Apr 29 jQuery
JS获取子、父、兄节点方法小结
Aug 14 Javascript
简单实现jQuery手风琴效果
Aug 18 jQuery
日期时间范围选择插件:daterangepicker使用总结(必看篇)
Sep 14 Javascript
Node.js Express安装与使用教程
May 11 Javascript
学习React中ref的两个demo示例
Aug 14 Javascript
jquery实现弹窗(系统提示框)效果
Dec 10 jQuery
关于引入vue.js 文件的知识点总结
Jan 28 Javascript
js 获取浏览器高度和宽度值(多浏览器)
Sep 02 #Javascript
获取URL地址中的文件名和参数的javascript代码
Sep 02 #Javascript
Javascript 判断函数类型完美解决方案
Sep 02 #Javascript
javascript 控制 html元素 显示/隐藏实现代码
Sep 01 #Javascript
jsTree树控件(基于jQuery, 超强悍)[推荐]
Sep 01 #Javascript
JavaScript 继承详解 第一篇
Aug 30 #Javascript
JavaScript 应用技巧集合[推荐]
Aug 30 #Javascript
You might like
新的一年,新的期待:DC在2020年的四部动画电影
2020/01/01 欧美动漫
php调用mysql存储过程
2007/02/14 PHP
使用PHP强制下载PDF文件示例
2014/01/17 PHP
php实现xml转换数组的方法示例
2017/02/03 PHP
PHP封装的多文件上传类实例与用法详解
2017/02/07 PHP
php curl获取https页面内容,不直接输出返回结果的设置方法
2019/01/15 PHP
javascript 常用关键字列表集合
2007/12/04 Javascript
ext jquery 简单比较
2010/04/07 Javascript
自己动手制作jquery插件之自动添加删除行的实现
2011/10/13 Javascript
jquery实现图片上传之前预览的方法
2015/07/11 Javascript
js贪吃蛇网页版游戏特效代码分享(挑战十关)
2015/08/24 Javascript
jQuery中的ajax async同步和异步详解
2015/09/29 Javascript
基于jQuery实现滚动刷新效果
2017/01/09 Javascript
js实现下一页页码效果
2017/03/07 Javascript
jquery Ajax实现Select动态添加数据
2017/06/08 jQuery
DataTables添加额外的查询参数和删除columns等无用参数实例
2017/07/04 Javascript
js使用xml数据载体实现城市省份二级联动效果
2017/11/08 Javascript
浅析微信扫码登录原理(小结)
2018/10/29 Javascript
Vue3.0数据响应式原理详解
2019/10/09 Javascript
[02:03]完美世界DOTA2联赛10月30日赛事集锦
2020/10/31 DOTA
python dict remove数组删除(del,pop)
2013/03/24 Python
python互斥锁、加锁、同步机制、异步通信知识总结
2018/02/11 Python
python使用PIL给图片添加文字生成海报示例
2018/08/17 Python
Python要如何实现列表排序的几种方法
2020/02/21 Python
基于pygame实现童年掌机打砖块游戏
2020/02/25 Python
Tensorflow tf.nn.depthwise_conv2d如何实现深度卷积的
2020/04/20 Python
使用keras时input_shape的维度表示问题说明
2020/06/29 Python
Pandas直接读取sql脚本的方法
2021/01/21 Python
阿根廷网上配眼镜:SmartBuyGlasses阿根廷
2016/08/19 全球购物
iHerb中文官网:维生素、保健品和健康产品
2018/11/01 全球购物
人事行政主管岗位职责
2013/12/22 职场文书
煤矿班组长岗位职责
2013/12/29 职场文书
医学生自我评价
2014/01/27 职场文书
好书伴我成长演讲稿
2014/05/14 职场文书
MySQL GRANT用户授权的实现
2021/06/18 MySQL
python保存图片的四个常用方法
2022/02/28 Python