本文介绍了三种在网页中动态加载JavaScript文件的不同方法,帮助开发者灵活控制脚本的执行时机和页面性能。
例1 重新加载js文件的代码如下:
```javascript
function loadJs(file) {
var head = $(head).remove(script[role=reload]);
$( ).attr({ role: reload, src: file, type: text/javascript }).appendTo(head);
}
```
例2 重新载入JavaScript文件的方法(给js定个id),可以自己封装成一个方法方便大家使用:
```javascript
function reloadScriptById(scriptId) {
var script = document.getElementById(scriptId);
if (script) {
script.parentNode.removeChild(script);
var newScript = document.createElement(script);
newScript.src = script.src;
newScript.id = scriptId;
document.head.appendChild(newScript);
}
}
```