标题: 开发跨浏览器JavaScript时要注意的问题
发表于 2007-6-5 11:48 第1楼由 ihappydays 发起
ihappydays
新生入学
Rank: 1
UID 204719
精华 0
积分 0
帖子 6
金钱 12 A币
阅读权限 10
注册 2007-5-16
来自 China
状态 离线
开发跨浏览器JavaScript时要注意的问题

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)。

网站建设、网页制作相关:
css导航菜单收集贴
用javascript 转换外部链接样式
Bcastr3.0 flash通用图片播放器
更多....

系统相关:
Windows XP 的5个小秘密
三条命令让你xp启动如飞
50个用得上的批处理文件
更多....

网络相关:
详解光纤技术与各类接入网络技巧
设置好BT 让下载对硬盘“0”伤害
常见的宽带拨号断流故障原因排查
更多....

其它相关....

顶部


当前时区 GMT+8, 现在时间是 2008-9-7 19:05