页面加载前如何动态包含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.