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

来源：互联网发布：最新淘宝怎么查总消费编辑：程序博客网时间：2024/05/22 06:46

加载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>

阅读全文

0 0