兼容IE、FireFox、Opera以及Safari的動態(tài)創(chuàng)建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)
}
//下面是調(diào)用這個函數(shù)的實(shí)例
loadScriptString("function sayHi(){alert('hi')}")
sayHi()
這里首先嘗試標(biāo)準(zhǔn)的DOM文本節(jié)點(diǎn)方法，因?yàn)槌薎E（在IE中會導(dǎo)致拋出錯誤），所有瀏覽器都支持這種方式。如果這行代碼拋出了錯誤，那么說明是IE，于是就必須使用text屬性了
兼容IE、FireFox、Opera以及Safari的動態(tài)創(chuàng)建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)
}
//調(diào)用這個函數(shù)的示例如下：
loadStyleString("body{background-color:red}")
以上代碼在所有瀏覽器中都可以正常運(yùn)行，需要注意的是，必須將創(chuàng)建的元素添加到<head>而不是<body>元素，才能保證在所有瀏覽器中的行為一致
