ajax不刷新页面，只重新加载js文件的方法

最新推荐文章于 2024-05-06 16:33:57 发布

徊忆羽菲

最新推荐文章于 2024-05-06 16:33:57 发布

阅读量3k

点赞数 1

分类专栏： Ajax Javascript

本文链接：https://blog.csdn.net/guo_qiangqiang/article/details/88424109

版权

Javascript 同时被 2 个专栏收录

231 篇文章 6 订阅

订阅专栏

Ajax

4 篇文章 0 订阅

订阅专栏

ajax不刷新页面，只重新加载js文件的方法

重新加载js文件

function loadJs(file)
{ 
   var head = $("head").remove("script[role='reload']"); 
   $("<scri"+"pt>"+"</scr"+"ipt>").attr({  
   role:'reload',src:file,type:'text/javascript'}).appendTo(head); 
}

给js定个id，重新加载


function reloadAbleJSFn(id,newJS) { 
	 var oldjs = null;
	 var t = null;
	 var oldjs = document.getElementById(id);
	 if(oldjs) oldjs.parentNode.removeChild(oldjs);
	 var scriptObj = document.createElement("script");
	 scriptObj.src = newJS;
	 scriptObj.type = "text/javascript";
	 scriptObj.id = id;
	 document.getElementsByTagName("head")[0].appendChild(scriptObj);
 }

jquery的就直接使用getScript

<head> 
<script type="text/javascript" src="../jquery.js"></script> 
<script type="text/javascript"> 
    $(function()
    {
        $('#loadButton').click(function(){
            $.getScript('new.js',function(){
//这个函数是在new.js里面的，当点击click后运行这个函数,也可以不写直接重新加载new.js
                newFun('"Checking new script"');               
            });
        });
    }
</script> 
</head> 
<body> 
    <button type="button" id="loadButton">Load</button> 
</body>

徊忆羽菲

关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
ajax不刷新页面，只重新加载js文件的方法

ajax不刷新页面，只重新加载js文件的方法重新加载js文件给js定个id，重新加载jquery的就直接使用getScript重新加载js文件function loadJs(file){ var head = $("head").remove("script[role='reload']"); $("&lt;scri"+"pt&gt;"+"&lt;/scr"+&q
复制链接

扫一扫

专栏目录