动态生成script,切换脚本

最新推荐文章于 2022-02-01 11:09:22 发布

dbat.top

最新推荐文章于 2022-02-01 11:09:22 发布

阅读量633

点赞数

CC 4.0 BY-SA版权

分类专栏： web前端

本文链接：https://blog.youkuaiyun.com/zhuhaomingoo/article/details/52994229

web前端专栏收录该内容

18 篇文章

订阅专栏

本文介绍了一种通过动态加载不同JavaScript文件来实现页面元素切换的方法，并探讨了浏览器缓存对该方法的影响及可能的解决方案。

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

由于公用页面，但算法不同所以想到此方法切换本但还是无法解决浏览器缓存的问题，请指教

load_js("scc","js/box_a.js");

$(".tab").on("click","span",function(){
var cls = $(this).attr("id");
for(var i=0;i<$("section").length;i++){
$("section").addClass("box_hide").removeClass("box_show");
}
$(".tab>span").removeClass("high");
$(this).addClass("high");
$("."+cls).addClass("box_show").removeClass("box_hide");
if(cls){
load_js("scc","js/box_"+cls+".js");
}

})

//创建script标签切换脚本
function load_js(id,url){
var head = document.getElementsByTagName("head").item(0);
_script = document.getElementById(id);

if (_script) {
head.removeChild(_script);
}
var head = document.getElementsByTagName("head").item(0);
_script = document.createElement("script");
_script.setAttribute("src", url);
_script.setAttribute("id", id);
_script.setAttribute("type","text/javascript");
head.appendChild(_script);
return _script;
};