頁面加載前如何動態包含JavaScript文件
[英]How to dynamically include a javascript file, before the page loads
問題描述
我想根據'if'語句的結果在我的index.html頁面中包含一個本地.js文件，如下面的示例代碼中所述。 我需要將.js內容包含在頁面的初始加載中，因為內容將在加載時顯示在html本身中。
index.html的：
<html>
<head>
<script src="script.js"></script>
</head>
<body>
<script>
include_another_script();
</script>
</body>
</html>
的script.js：
include_another_script function(){
var url;
if( //some stuff){
url = "script1.js";
} else {
url = "script2.js";
}
document.write("<script src=url></script>");
}
3 個解決方案
解決方案1
1 已采納 2014-02-11 19:55:07
試試這個
<head>
<script type="text/javascript">
var url;
if( blah == blah){
url = 'myUrl.js';
}else{
url = 'myOtherUrl.js';
}
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = url;
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
</script>
</head>
解決方案2
0 2014-02-11 19:59:19
如果需要在加載文檔之前先加載腳本，則需要在文檔的head部分添加條件腳本。
您可以執行以下操作：
<head>
<script src="script.js"></script>
<script type="text/javascript">
function include_another_script(){
var url;
if( //some stuff){
url = "script1.js";
} else {
url = "script2.js";
}
$('head').append('<script type="text/javascript" src="'+url+'"></script>');
}
</script>
</head>
請注意您的函數聲明是錯誤的：
include_another_script function() {
解決方案3
0 2014-02-11 21:16:08
嘗試此操作，src是要加載的腳本的路徑。
var script = document.createElement('script');
script.src = src;
document.head.appendChild(script);
頁面加載前如何替換javascript節點
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.