兼容IE、FireFox、Opera以及Safari的动态创建javascript代码的方式
function loadScriptString(code) {
var script = document.createElement("script")
script.type = "text/javascript"
try {
script.appendChild(document.createTextNode(code))
} catch (ex) {
script.text = code
}
document.body.appendChild(script)
}
//下面是调用这个函数的实例
loadScriptString("function sayHi(){alert('hi')}")
sayHi()
这里首先尝试标准的DOM文本节点方法，因为除了IE（在IE中会导致抛出错误），所有浏览器都支持这种方式。如果这行代码抛出了错误，那么说明是IE，于是就必须使用text属性了
兼容IE、FireFox、Opera以及Safari的动态创建style样式代码的方式
function loadStyleString(css) {
var style = document.createElement("style")
style.type = "text/css"
try {
style.appendChild(document.createTextNode(css))
} catch (ex) {
style.styleSheet.cssText = css
}
var head = document.getElementsByTagName("head")[0]
head.appendChild(style)
}
//调用这个函数的示例如下：
loadStyleString("body{background-color:red}")
以上代码在所有浏览器中都可以正常运行，需要注意的是，必须将创建的元素添加到<head>而不是<body>元素，才能保证在所有浏览器中的行为一致
