兼容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>元素,才能保證在所有瀏覽器中的行為一致