添加头文件中的xml,script,css等内容方法

本文介绍了一种在网页中动态加载JavaScript和CSS文件的方法。通过使用JavaScript创建新的script或link元素,并将其添加到DOM中,可以实现外部资源的按需加载。此方法有助于优化网页性能,尤其是在需要延迟加载某些样式或脚本时。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

function   $import(path,type,title,idname){  
          var   s,i;  
          if(type=="js"){  
                  var   ss=document.getElementsByTagName("script");  
                  for(i=0;i<ss.length;i++){  
                          if(ss[i].src   &&   ss[i].src.indexOf(path)!=-1)return   ss[i];  
                  }  
                  s=document.createElement("script");  
                  s.type="text/javascript";  
                  s.src=path;  
          }else   if(type=="css"){  
                  var   ls=document.getElementsByTagName("link");  
                  for(i=0;i<ls.length;i++){  
                          if(ls[i].href   &&   ls[i].href.indexOf(path)!=-1)return   ls[i];  
                  }  
                  s=document.createElement("link");  
                  s.rel="alternate   stylesheet";  
                  s.type="text/css";  
                  s.href=path;  
                  s.title=title;  
                  s.disabled=false;  
          }else   if(type=="xml"){  
                  var   xl=document.getElementsByTagName("xml");  
                  for(i=0;i<xl.length;i++){  
                          if(xl[i].id==idname) return   xl[i];  
                  }  
                 s=document.createElement("xml");   
                  s.id=idname;
          }     
          else   return;  
          var   head=document.getElementsByTagName("head")[0];  
          head.appendChild(s); 
          return   s;  
  }

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值