开发跨浏览器JavaScript时要注意的问题

原创 2007年10月03日 13:35:00
 

1、          向表中追加行

定义table时使用tbody元素,以保证包括IE在内的所有浏览器可用

例:定义如下一个空表

<table id=”myTable”>

      <tbody id=”myTableBody”></tbody>

</table>

向这个表中增加行的正确做法是,把行增加到表体,而不是增加到表。

Var cell = document.createElement(“td”).appendChild(document.createTextNode(“foo”));

Var row = document.createElement(“tr”).appendChild(cell);

Document.getElementById(“myTableBody”).appendChild(row);

*IE中需要先创建行,再创建列,再创建内容

2、          设置元素的样式

Var spanElement = document.getElementById(“mySpan”);

//下面写法保证出IE外,所有浏览器可用

spanElement.setAttribute(“style”,”font-weight:bold;color:red;”);

//下面的写法保证IE可用

spanElement.style.cssText=”font-weight:bold;color:red;”;

3、          设置元素的class属性

Var element = document.getElementById(“myElement”);

//下面的写法保证除IE外,所有浏览器可用

Element.setAttribute(“class”,”styleClass”);

//下面写法保证IE可用

Element.setAttribute(“className”,”styleClass”);

4、          创建输入元素

Var button = document.createElement(“input”);

//单行文本框、复选框、单选框、单选钮、按钮需要此属性区别

Button.setAttribute(“type”,”button”);

Document.getElementById(“formElement”).appendChild(button);

5、          向输入元素增加事件处理程序

Var formElement=document.getElementById(“formElement”);

//所有浏览器可用

formElement.onclick=function(){doFoo();};

//除IE外,所有浏览器可用

formElement.setAttribute(“onclick”,”doFoo();”);

6、          创建单选钮

If(document.uniqueID){

      //Internet Explorer

      Var radioButton=document.createElement(“<input type=’radio’ name=’radioButton’ value=’checked’>”);

}else{

      //Standards Compliant

      Var radioButton=document.createElement(“input”);

      radioButton.setAttribute(“type”,”radio”);

      radioButton.setAttribute(“name”,”radioButton”);

      radioButton.setAttribute(“value”,”checked”);

}

7、          insertRow,insertCell,deleteRow

在IE中,table.insertRow()如果没有指定参数,则在表格后面添加行,默认参数位-1;如果在Firefox中,则一定要加参数,如:insertRow(-1)。

 

前端开发要注意的浏览器兼容性问题整理

首先,我们要知道,为什么各浏览器会产生兼容性问题?                产生这个问题的主要原因是市面上的浏览器的种类很多,但由于不同的浏览器的内核不一致,从而导致各个浏览器对网页的解析就...
  • zz_whw
  • zz_whw
  • 2017年03月07日 21:53
  • 104

JAVAEE开发中要注意的10个问题

  • 2010年10月05日 08:07
  • 123KB
  • 下载

说说javaScript中要注意的问题

说说javaScript中要注意的问题 ==和===的区别 ===,不做类型转换,直接比较。类型和内容都相等则相等。 判断相等最好只用===。 特例:NaN与任何值不等(包括NaN)...

iOS开发--iOS多线程操作时一些要注意的安全问题

这次STMAssembleViewhttps://github.com/ming1016/STMAssembleView加入异步解析上线后发现一些线程安全方面的问题,现总结下。 先看看这段代码 ...

VHDL 编程要注意问题

  • 2009年08月30日 22:36
  • 29KB
  • 下载

成功实施ERP要注意的几点问题

  • 2008年09月04日 21:29
  • 34KB
  • 下载

Java基础学习总结(61)——Java项目开发要注意的60个问题

1. 首先写代码的时候最好不要有缺陷。最好的修复方法就是让 bug 胎死腹中。 良好的单元测试强制数据库约束使用输入验证框架避免未实现的“else”条件在应用到主程序之前知道如何在孤立的情况下使...

java 入门要注意的问题

  • 2011年04月05日 10:26
  • 39KB
  • 下载

malloc 分配内存要注意的问题

  • 2011年01月21日 14:45
  • 144KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:开发跨浏览器JavaScript时要注意的问题
举报原因:
原因补充:

(最多只允许输入30个字)