免费一级片视频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://www.boerauto.com/newslist_635_2.html 如需轉載,請注明出處!
0
深一網絡公司專注設計14年
全國網站建設
深一云服務器深一云服務器
高性能,高安全
網絡公司拒絕不當利
崇尚野蠻生長
500強企業網500強企業網
站建設供應商
10000家客戶案例10000家客戶案
實力說服力
83位技術團隊83位技術團隊
服務高保障
深一只做有排名網站只做有排名
有價值的網站
200人服務團隊200人服務團隊
追求客戶滿意
主站蜘蛛池模板: 欧美成人aaaaⅴ片在线看 | 国产成人一区二区三区在线播放 | 全国最大成人网 | 99久久99久久久精品齐齐 | 欧美精品xxxxx | 欧美日韩精品一区 | 国产欧美亚洲精品第1页 | a级小视频| 在线激情网站 | 亚洲最大福利视频 | 亚洲色图校园春色 | 少妇高潮流白浆在线观看 | 亚洲综合av永久无码精品一区二区 | 亚洲精品中文字幕无码蜜桃 | 婷婷色网站 | 国产亚洲欧美精品久久久 | 一区二区三区午夜无码视频 | 无码精品、日韩专区 | 亚洲精品乱码久久久久久按摩 | 91在线视频免费看 | 自拍性旺盛老熟女 | 国产免费拔擦拔擦8x高清在线人 | 狠狠热精品免费视频 | 亚洲 欧美 视频 手机在线 | 久久国产福利一区二区 | 黄色生活毛片 | 成人福利国产精品视频 | 欧美手机在线观看 | 久久看看 | 亚洲超清无码制服丝袜无广告 | 精品国产免费一区二区三区五区 | 99热中文| 中文字幕在线播放一区二区 | 久久成人毛片 | 亚洲一区欧洲一区 | 六月天婷婷 | 鲁鲁鲁爽爽爽在线视频观看 | 91看视频 | 亚洲日本黄色片 | 午夜在线国语中文字幕视频 | 男人天堂一区 | 欧美国产日韩在线观看 | 色网在线免费观看 | 国产精品农村妇女白天高潮 | 最近中文字幕在线 | 午夜一区一品日本 | 国产精华av午夜在线 | 无码人妻精品一区二区三区99不卡 | 制服丝袜av无码专区完整版 | 亚洲午夜精品久久久久久浪潮 | 最新av网站在线观看 | 免费在线观看的av | 99国产精品久久久久久久日本竹 | 欧美少妇一区 | 国产成人综合美国十次 | 欧洲一区二区在线观看 | a级黄色毛片三 | btbt888con在线观看 | 日韩亚洲国产中文字幕欧美 | 深夜福利视频在线 | 成人亚洲性情网站www在线观看 | 国产femdom调教557 | 久99视频| 日本高清免费观看 | 精品无人乱码一区二区 | 精品久久久久久中文字幕大豆网 | 国产爽爽视频 | 麻花传媒mv国产免费观看视频 | 美女二区| 欧美牲交a欧美牲交aⅴ一 | 91九色丨porny丨丝袜 | 高潮喷吹一区二区在线观看 | 91popny丨九色丨蝌蚪 | 夜夜草免费视频 | 米奇7777狠狠狠狠视频影院 | 国产亚洲精品久久久久久久久 | 六月丁香在线视频 | 午夜爽爽爽男女污污污网站 | 亚洲中文有码字幕日本 | 亚洲 综合 清纯 丝袜 自拍 | 亚洲精品乱码久久久久久蜜桃不卡 | 九九综合九九 | 91性高潮久久久久久久久 | 国产免费黄色av | 中文字幕资源在线 | 国内精品九九久久精品 | 一本大道无码日韩精品影视_ | 久久精品99久久久久久 | 一级黄色片在线 | 欧洲精品久久久av无码电影 | 亚洲欧美日韩成人一区在线 | 精品一区在线 | 国产不卡视频一区二区三区 | 在线观看无码av免费不卡软件 | 91国偷自产一区二区三区蜜臀 | av无码久久久久不卡蜜桃 | 99精品人妻国产毛片 | 日本一二三不卡视频 | 欧美久久久久久久久久久久久久 |