動(dòng)態(tài)加載javascript和css

一、動(dòng)態(tài)加載javascript方法

<script type="text/javascript"> var style = document.createElement("style"); style.type = "text/css"; style.appendChild(document.createTextNode("body{background-color:#f00;}")); var head = document.getElementsByTagName("head")[0]; head.appendChild(style); </script>

另一種指定javascript代碼的方式是行內(nèi)方式，IE中將script視為一個(gè)特殊元素，不允許DOM訪問其子節(jié)點(diǎn)。可以使用text屬性來指定。

通用方式：

<script type="text/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 say(){alert('hello')} say();") </script>

二、動(dòng)態(tài)加載CSS方法

<script type="text/javascript"> function loadStyle(url){var link = document.createElement('link');link.rel = "stylesheet";link.type = "text/css";link.href = url;var head = document.getElementsByTagName("head")[0];head.appendChild(link); } loadStyle("css.css"); </script>

另一種定義樣式的方式是使用style元素來包含嵌入式css，IE需要使用cssText屬性，其他瀏覽器通過標(biāo)準(zhǔn)的DOM方式即可。

通用方法：

<script type="text/javascript"> 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:#f00;}") </script>

posted on 2011-08-03 12:17 流浪啊 閱讀(...) 評(píng)論(...) 編輯 收藏

轉(zhuǎn)載于:https://www.cnblogs.com/jsoo/archive/2011/08/03/2126035.html

總結(jié)

以上是生活随笔為你收集整理的动态加载javascript和css的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。