免费一级片视频I99er这里只有精品I国产精品xxxxI91看片淫黄大片在线播放I动漫AV一区I亚洲蜜桃网I成人免费观看电影I欧美国产91Iwww.久草视频

深一集團40%的客戶來自外地,80%的業務來自搜索引擎和良好口碑!
微信 微信人工客服  |
微信人工客服
QQ在線溝通

新聞中心

全國業務咨詢請致電

0755-27612861

為您打響品牌第一炮
  • 在線QQ
  • 在線客服
  • 在線留言
動態加載外部css或js文件
發布日期:2008-12-24   關鍵詞:鳳崗英文網站開發,鳳崗大型網絡公司   已有 7556 人瀏覽

動態加載外部css或js文件

  原理解析:第一步:使用dom創建<script>或者<link>標簽,并給他們附加屬性,如type等第二步:使用appendChild方法把標簽綁定到另一個標簽,一般是綁到<head>.
      應用:

  1、提高代碼的復用,減少代碼量;

  2、添加一個javascript控制器和 session可以實現動態改變頁面樣式;

  3、由于是頁面是從上到下依次加載文件的,并且邊加載邊解釋,所以可以添加javascript控制器控制頁面文件的加載順序,如先加載css布局文件,再顯示有圖片的css美化文件,之后再加載大的falsh文件,或者安內容的重要性來加載。

      閱讀提示:e文不好的初學者可以直接看中文,然后拷貝代碼試驗下。

      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>標簽。綁定的時候有一個問題就是同一個文件有可能被我們綁定兩次,綁定兩次瀏覽器也不會出現異常,但是效率就低了。為了避免

      這種情況我們可以新增一個全局數組變量,把綁定的文件名字保存在里面,每次綁定前先檢查一下是否已經存在,如果存在就提示已經存在,如果不存在就綁定。

以下是引用片段:
document.getElementsByTagName("head")[0].appendChild(fileref)


      By referencing the HEAD element of the page first and then calling appendChild(), this means the newly created element is added to the very end of the HEAD tag. Furthermore, you should be aware that no existing element is harmed in the adding of the new element- that is to say, if you call loadjscssfile("myscript.js", "js") twice, you now end up with two new "script" elements both pointing to the same Javascript file. This is problematic only from an efficiency standpoint, as you'll be adding redundant elements to the page and using unnecessary browser memory in the process. A simple way to prevent the same file from being added more than once is to keep track of the files added by loadjscssfile(), and only load a file if it's new:

以下是引用片段:
var filesadded="" //保存已經綁定文件名字的數組變量
function checkloadjscssfile(filename, filetype){
if (filesadded.indexOf("["+filename+"]")==-1){// indexOf判斷數組里是否有某一項
  loadjscssfile(filename, filetype)
  filesadded+="["+filename+"]" //把文件名字添加到filesadded
}
else
  alert("file already added!")//如果已經存在就提示
}
checkloadjscssfile("myscript.js", "js") //success
checkloadjscssfile("myscript.js", "js") //redundant file, so file not added


      Here I'm just crudely detecting to see if a file that's set to be added already exists within a list of added files' names stored in variable filesadded before deciding whether to proceed or not.

      Ok, moving on, sometimes the situation may require that you actually remove or replace an added .js or .css file. Lets see how that's done next.


以下是引用片段:
function loadjscssfile(filename, filetype){
if (filetype=="js"){ //判斷文件類型
  var fileref=document.createElement('script')//創建標簽
  fileref.setAttribute("type","text/javascript")//定義屬性type的值為text/javascript
  fileref.setAttribute("src", filename)//文件的地址
}
else if (filetype=="css"){ //判斷文件類型
  var fileref=document.createElement("link")
  fileref.setAttribute("rel", "stylesheet")
  fileref.setAttribute("type", "text/css") 
  fileref.setAttribute("href", filename)
}
if (typeof fileref!="undefined")
  document.getElementsByTagName("head")[0].appendChild(fileref)

loadjscssfile("myscript.js", "js") //打開頁面時瀏覽器動態的加載文件
loadjscssfile("javascript.php", "js") // 打開頁面時瀏覽器動態的加載"javascript.php" ,
loadjscssfile("mystyle.css", "css") //打開頁面時瀏覽器動態的加載.css 文件


 

注:本文來自深一集團原創或轉截 http://m.boerauto.com/newslist_635_2.html 如需轉載,請注明出處!
0
深一網絡公司專注設計14年
全國網站建設
深一云服務器深一云服務器
高性能,高安全
網絡公司拒絕不當利
崇尚野蠻生長
500強企業網500強企業網
站建設供應商
10000家客戶案例10000家客戶案
實力說服力
83位技術團隊83位技術團隊
服務高保障
深一只做有排名網站只做有排名
有價值的網站
200人服務團隊200人服務團隊
追求客戶滿意
主站蜘蛛池模板: ass大乳尤物肉体pics | 麻豆91精品91久久久的优点 | 欧美另类又黄又爽的a片 | 国产自偷自拍 | 无码无遮挡又大又爽又黄的视频 | www色亚洲 | 国产无遮挡又黄又爽在线视频 | 亚洲图片自拍偷图区 | 2021国产麻豆剧传媒精品 | 成人在线免费视频观看 | 成人免费无码不卡毛片视频 | 久热中文字幕在线精品观 | 久久久国产99久久国产久灭火器 | 久久婷婷五月综合色欧美蜜芽 | av免费大片 | 精品一区二区三区四区视频 | 中文字幕亚洲中文字幕无码码 | 免费视频网站在线观看入口 | 国产精品白浆在线观看无码专区 | 激情黄色小说网站 | 情侣激情18内射骚话国产 | 免费观看日本污污ww网站 | 精品久久久久国产免费第一页 | 小萝莉末成年一区二区 | 极品av麻豆国产在线观看 | 免费国产黄| 最近的中文字幕在线看视频 | 高中生粉嫩无套第一次 | 朝鲜女人大白屁股ass | 免费无码又爽又刺激一高潮 | 首页 国产 欧美 日韩 丝袜 | 91中文字幕在线观看 | 久久538 | 久久久久久精品成人鲁丝电影 | 国产成人无码a区在线观看视频 | 欧美性猛交久久久乱大交小说 | 免费高清欧美大片在线观看 | 国产精品国产亚洲精品看不卡15 | 99久久99久久加热有精品 | 男女性色大片免费网站 | 黄色a一级视频 | 国产美女网 | 精品久久一区二区三区 | 久久久久免费精品国产小说色大师 | 国产爽视频在线观看视频 | 国产精品天天狠天天看 | 亚洲国产天堂久久久久久 | 国产又色又爽无遮挡免费 | 午夜视频在线观看免费观看1 | 欧美 日韩 国产精品 | 久久激情片 | 欧美在线a | 一本加勒比hezyo无码专区 | 色婷婷国产精品高潮呻吟av久久 | 国产夫妻性生活视频 | 韩国18禁啪啪无遮挡免费 | 国产品无码一区二区三区在线 | 新版天堂资源中文8在线 | 激情网色 | 在线播放国产不卡免费视频 | 东京热一区二区三区无码视频 | 亚洲乱码中文字幕久久孕妇黑人 | 日韩欧国产精品一区综合无码 | 狠狠色噜狠狠狠狠 | 亚洲大胆视频 | 男女全黄一级高潮 | 久久96国产精品久久99软件 | 337p日本欧洲亚洲大胆张筱雨 | 久久97国产超碰青草 | 精品无码久久久久久尤物 | 成人伊人精品色xxxx视频 | 日韩精品无码人妻一区二区三区 | 99福利在线| 欧美国产精品一区二区 | 成人免费久久 | 黄色在线a | 国产美女精品视频线免费播放软件 | 精品视频在线观看一区二区 | 色四虎| 222aaa免费国产在线观看 | 日韩黄大片 | 中文字幕人成乱码熟女 | 少妇伦子伦情在线观看 | 日本无码人妻丰满熟妇区 | 小明看平台日韩综合45页 | 神马久久av | 中国精学生妹品射精久久 | 久久久人成影片一区二区三区 | 亚洲人成无码网www电影榴莲 | 五月激情五月婷婷 | 成人两性视频 | 国精产品源xzl仙踪林仙踪 | 黄片毛片在线看 | 精品视频一区在线观看 | 日韩在线一区二区三区四区 | 婷婷俺来也 | 无套内谢少妇露脸 | 狠狠躁18三区二区一区张津瑜 | av手机在线免费观看 |