推广 热搜: 劳务  2024  海南  合同  云南  江苏  劳务系统  2023  劳务派遣管理软件  劳务派遣管理系统 

网页删除脚本方法

   2024-06-10 220
核心提示:p大家都知道如何动态的添加脚本和样式,具体的思路就是创建元素,设置元素的属性,然后把元素给添加到网页的head里面,但是很少
<p>大家都知道如何动态的添加脚本和样式,具体的思路就是创建元素,设置元素的属性,然后把元素给添加到网页的head里面,但是很少有情况是要删除某个脚本的方法,今天我就分享一个删除脚本的方法,希望能对大家有用。动态删除Javascript/Csss文件</p><p>注意:ie6/7下动态删除样式时有bug.2种解决方案:1.样式表里不要有import的样式表2.把link的type属性设置为空值,然后再修改href的地,或者直接设置href为空,最后再把type值设置成”text/css”强制让ie解释新的样式表。</p><p>取得相应的DOM元素</p><p>根据文件名&文件类型定位元素</p><p>用DOMremoveChild删除一个“script”或者”link”元素代码如下:functionremovejscssfile(filename,filetype){//判断文件类型</p><p>vartargetelement=(filetype=="js")?"script":(filetype=="css")?"link":"none";</p><p>//判断文件名</p><p>vartargetattr=(filetype=="js")?"src":(filetype=="css")?"href":"none";</p><p>varallsuspects=document.getElementsByTagName(targetelement);</p><p>//遍历元素,并删除匹配的元素</p><p>for(vari=allsuspects.length;i>=0;i--){</p><p>if(allsuspects[i]&&allsuspects[i].getAttribute(targetattr)!=null&&allsuspects[i].getAttribute(targetattr).indexOf(filename)!=-1)</p><p>allsuspects[i].parentNode.removeChild(allsuspects[i]);</p><p>}</p><p>}</p><p>运行案例:</p><p>removejscssfile("somescript.js","js");</p><p>removejscssfile("somestyle.css","css");</p>
 
反对 0举报 0 收藏 0 打赏 0评论 0
 
更多>同类资讯
推荐图文
推荐资讯
点击排行
网站首页  |  关于我们  |  联系方式  |  使用协议  |  版权隐私  |  网站地图  |  排名推广  |  广告服务  |  积分换礼  |  网站留言  |  RSS订阅  |  违规举报  |  粤ICP备18079127号  |  粤ICP备18079127号