不刷新页面，只重新加载js文件

最新推荐文章于 2024-08-16 08:15:00 发布

背包酱

最新推荐文章于 2024-08-16 08:15:00 发布

阅读量6.6k

点赞数 1

分类专栏：前段-JavaScript 前端文章标签： Js

本文链接：https://blog.csdn.net/wudean0910/article/details/84980979

版权

前段-JavaScript 同时被 2 个专栏收录

3 篇文章 0 订阅

订阅专栏

前端

2 篇文章 0 订阅

订阅专栏

1、重新加载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);
}

2、给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);
}

3、jquery的就直接使用getScript就可以：

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