JavaScript中setAttribute用法
我们经常需要在JavaScript中给Element动态添加各种属性，这可以通过使用setAttribute()来实现，这就涉及到了浏览器的兼容性问题。
setAttribute(string name, string value)：增加一个指定名称和值的新属性，或者把一个现有的属性设定为指定的值。
1、样式问题
setAttribute(class, value)中class是指改变class这个属性，所以要带引号。
vName代表对样式赋值。
例如:
var input = document.createElement(input);
input.setAttribute(type, text);
input.setAttribute(name, q);
input.setAttribute(class,bordercss);
输出时：,即，input控件具有bordercss样式属性
注意：class属性在W3C DOM中扮演着很重要的角色，但由于浏览器差异性仍然存在。
使用setAttribute(class, vName)语句动态设置Element的class属性在firefox中是行的通的，但在IE中却不行。因为使用IE内核的浏览器不认识class，要改用className；
同样，firefox 也不认识className。所以常用的方法是二者兼备：
element.setAttribute(class, value); //for firefox
element.setAttribute(className, value); //for IE
2、方法属性等问题
例如：
var bar = document.getElementById(testbt);
bar.setAttribute(onclick, javascript:alert('This is a test!'););
这里利用setAttribute指定e的onclick属性，简单，很好理解。
但是IE不支持，IE并不是不支持setAttribute这个函数，而是不支持用setAttribute设置某些属性，例如对象属性、集合属性、事件属性，也就是说用setAttribute设置style和onclick这些属性在IE中是行不通的。
为达到兼容各种浏览器的效果，可以用点符号法来设置Element的对象属性、集合属性和事件属性。
document.getElementById(testbt).className = bordercss;
document.getElementById(testbt).style.cssText = color: #00f;;
document.getElementById(testbt).style.color = #00f;
document.getElementById(testbt).onclick= function () { alert(This is a test!); }
由此延伸的问题:
一个input的text,当将html赋值为某个div的innerHTML时,遇到一个现象,当在firefox下时(IE下不存在此问题), 赋值后的innerHTML里不含有value,即当你在文本框输入内容后,你想将赋值给div时,只会得到,这里总是会将value清除.
这时,setAttribute起作用了,在input内加上:onkeyup=t
相关文档：
现在的RIA（Rich Internet
applications)越来越流行，Javascript在这中间起到了不可忽视的作用，这个世界上，完全不用JS的网站应该很少了，一些用户体验好
的网站，大多采用了Flash或者JS，而以JS居多。比如像Qunar，就是以Javascript +
Ajax为主的网站，前台页面主要是HTML，后台生成JSON数据。再比如说Ajax最早大� ......
<html>
<body>
<mce:script language=javascript><!--
todayDate = new Date();
date = todayDate.getDate();
month= todayDate.getMonth() +1;
year= todayDate.getYear();
document.write("今天是")
document.write("<br>")
if(navigator.appName == "Netscape")
{
document.w ......
注:页面上元素name属性和JavaScript引用的名称必须一致包括大小写
否则会提示你一个错误信息 "引用的元素为空或者不是对象"
---------------------------------------------------------------------
对象属性
document.title ......
今天一个同事需要实现这么一个效果，于是就测试了一下，中间的逻辑用了狠长时间，不过最终还是搞出来了！代码有点臃肿，没时间优化，有用到类似功能的朋友可以自己优化一下！（需加入自己的jquery文件）
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tran ......
制作Javascript弹出窗口技巧九则
1、最基本的弹出窗口代码
其实代码非常简单：
< SCRIPT LANGUAGE="javascript">
< !--
window.open ("page.html")
--
>
< /SCRIPT>
因为这是一段Javascript代码，所以它们应该放在< SCRIPT LANGUAGE="javascript">之间。 ......
