亚洲免费乱码视频,日韩 欧美 国产 动漫 一区,97在线观看免费视频播国产,中文字幕亚洲图片

      1. <legend id="ppnor"></legend>
        

        3. 

        <sup id="ppnor"><input id="ppnor"></input></sup>
        <s id="ppnor"></s>
        

    
        
      
        
        
        
        

          
        
            
        
              
              
        
          
        
          
        
        
      
        
      
        
        
        
        
        
          
        
          
        
            
        
          
        
        

        
        
      
        
      
        
        
        
          
        
            
        JavaScript 動(dòng)態(tài)加載腳本和樣式的方法
        
            
        
              
        
                字號：
                小
                中
                大
                
        
            
        
          
        
          
        
            
        
              
        
              
        
              
        
   

            一 動(dòng)態(tài)腳本
            當(dāng)網(wǎng)站需求變大,腳本的需求也逐步變大;我們不得不引入太多的JS腳本而降低了整站的性能;
            所以就出現(xiàn)了動(dòng)態(tài)腳本的概念,在適時(shí)的時(shí)候加載相應(yīng)的腳本;
            1.動(dòng)態(tài)引入js文件
            var flag = true; if(flag){ loadScript('browserdetect.js'); // 調(diào)用函數(shù),引入路徑; } function loadScript(url){ var script = document.createElement('script'); // 創(chuàng)建script標(biāo)簽; script.type = 'text/javascript'; // 設(shè)置type屬性; script.src = url; // 引入url; document.getElementsByTagName('head')[0].appendChild(script); // 將script引入<head>中; }
            2.動(dòng)態(tài)執(zhí)行js代碼
            var script = document.createElement('script'); script.type = 'text/javascript'; var text = document.createTextNode("alert('Lee')"); // 設(shè)置script標(biāo)簽內(nèi)容;IE會(huì)報(bào)錯(cuò); script.appendChild(text); document.getElementsByTagName('head')[0].appendChild(script); // PS:IE瀏覽器認(rèn)為script是特殊元素,不能再訪問子節(jié)點(diǎn); // 為了兼容,可以使用text屬性來代替; function loadScriptString(code){ var script = document.createElement("script"); script.type = "text/javascript"; try{ // IE瀏覽器認(rèn)為script是特殊元素,不能再訪問子節(jié)點(diǎn);報(bào)錯(cuò); script.appendChild(document.createTextNode(code));　　// W3C方式; }catch(ex){ script.text = code;　　　　　　　　　　　　　　　　　　　　// IE方式; } document.body.appendChild(script); } // 調(diào)用; loadScriptString("function sayHi(){alert('hi')}");
            二 動(dòng)態(tài)樣式
            為了動(dòng)態(tài)的加載樣式表,比如切換網(wǎng)站皮膚;
            樣式有兩種方式進(jìn)行加載,一種是<link>標(biāo)簽,一種是<style>標(biāo)簽;
            1.動(dòng)態(tài)引入link文件
            var flag = true; if(flag){ loadStyles('basic.css');　　　　　　　　　　　　　　　　　　// 調(diào)用函數(shù),引入路徑; } function loadStyles(url){ var link = document.createElement('link'); link.rel = 'stylesheet'; link.type = 'text/css'; link.href = url; document.getElementsByTagName('head')[0].appendChild(link); }
            2.動(dòng)態(tài)執(zhí)行style代碼
            var flag = true; if(flag){ var style = docuemnt.createElement('style'); style.type = 'text/css'; document.getElementsByTagName('head')[0].appendChild(style); insertRule(document.styleSheets[0],'#box','background:red',0); } function insertRule(sheet,selectorText,cssText,position){ // 如果是非IE; if(sheet.insertRule){ sheet.insertRule(selectorText+"{"+cssText+"}",position); // 如果是IE; }else if(sheet.addRule){ sheet.addRule(selectorText,cssText,position); } }
            ?12345678910111213141516 // 動(dòng)態(tài)執(zhí)行style2 function loadStyleString(css){ var style = document.createElement("style"); style.type = "text/css"; try{ // IE會(huì)報(bào)錯(cuò);不允許向<style>元素添加子節(jié)點(diǎn); style.appendChild(document.createTextNode(css)); }catch(ex){ // 此時(shí),訪問元素的StyleSheet屬性,該屬性有有一個(gè)cssText屬性,可以接受CSS代碼; style.styleSheet.cssText = css; } var head = document.getElementsByTagName("head")[0]; head.appendChild(style); } // 調(diào)用; loadStyleString("body {background-color:red}");