国产探花免费观看_亚洲丰满少妇自慰呻吟_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]
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 新乡县| 台中市| 古丈县| 青河县| 龙门县| 阿拉善右旗| 天祝| 繁昌县| 湄潭县| 筠连县| 横峰县| 东平县| 霍城县| 胶州市| 鹿泉市| 宜君县| 寻甸| 鄂伦春自治旗| 吴旗县| 宝鸡市| 静宁县| 蕲春县| 望城县| 巩义市| 宁波市| 庆元县| 菏泽市| 扶余县| 彩票| 河北区| 白水县| 土默特右旗| 湖口县| 博客| 翁源县| 和平区| 枣庄市| 中阳县| 漠河县| 延庆县| 嘉义市|