兼容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)用這個(gè)函數(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)用這個(gè)函數(shù)的示例如下:
loadStyleString("body{background-color:red}")
以上代碼在所有瀏覽器中都可以正常運(yùn)行,需要注意的是灵份,必須將創(chuàng)建的元素添加到<head>而不是<body>元素仁堪,才能保證在所有瀏覽器中的行為一致