不使用script導入js檔案的幾種方法
- 高洛峰原創
- 2016-12-08 14:50:481683瀏覽
方法一:原生
adc.js內容如下：
var hello = "H9";
html.html
<script>
var s = document.createElement("script");
s.src = "abc.js";
document.head.appendChild(s);
s.addEventListener("load",function(){
// 等待s的load事件加载完响应，防止未加载完就调用出错
console.log(hello);
})
setTimeout(function(){//或者使用定时器保证其载入完后调用（不安全，不如监听事件好）
console.log(hello);
},1000);
// $.getScript("abc.js");
</script> $.getScript("abc.js",function(){ alert("heheheh"); console.log(hello); });
方法三：require.jsrequire.js分享2.1.1版本，注意是針對大專案使用，一邊情況下使用jquery即可。 index.html
main.js
<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>
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn