国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

教你如何動態加載外部CSS與JS文件

2024-07-11 08:20:43
字體:
來源:轉載
供稿:網友
  動態加載外部CSS與JS文件使用dom創建<script>或者<link>標簽,并給他們附加屬性,如type等。然后使用appendChild方法把標簽綁定到另一個標簽,一般是綁到<head>。
  應用:
  1、提高代碼的復用,減少代碼量;
  2、添加一個javascript控制器和 session可以實現動態改變頁面樣式;
  3、由于是頁面是從上到下依次加載文件的,并且邊加載邊解釋,所以可以添加javascript控制器控制頁面文件的加載順序,如先加載css布局文件,再顯示有圖片的css美化文件,之后再加載大的falsh文件,或者安內容的重要性來加載。

  To load a .js or .css file dynamically, in a nutshell, it means using DOM methods to first create a swanky new "script" or "LINK" element, assign it the appropriate attributes, and finally, use element.appendChild() to add the element to the desired location within the document tree. It sounds a lot more fancy than it really is. Lets see how it all comes together:

  接下來的工作是綁定到<head>標簽。綁定的時候有一個問題就是同一個文件有可能被我們綁定兩次,綁定兩次瀏覽器也不會出現異常,但是效率就低了。為了避免
  這種情況我們可以新增一個全局數組變量,把綁定的文件名字保存在里面,每次綁定前先檢查一下是否已經存在,如果存在就提示已經存在,如果不存在就綁定。

示例代碼 [www.CuoXIn.com]
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 霸州市| 临猗县| 荥阳市| 甘谷县| 青州市| 明溪县| 郑州市| 象山县| 河南省| 阿克苏市| 稷山县| 临沂市| 明溪县| 怀来县| 托克逊县| 郎溪县| 宁安市| 荃湾区| 长葛市| 诏安县| 宜宾市| 湟源县| 沙河市| 青浦区| 禄丰县| 社旗县| 福泉市| 蒙阴县| 射阳县| 贵德县| 永济市| 苍梧县| 上虞市| 洮南市| 延庆县| 英吉沙县| 陵水| 玛多县| 万宁市| 罗田县| 桃源县|