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

加载js文件三种方法,如下:
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>

猜你喜欢

转载自blog.csdn.net/u011140030/article/details/77980364