动态包含外部Javascript文件

Dynamically include external Javascript file

本文关键字：文件 Javascript 包含外 动态      更新时间：2023-09-26

所以我需要动态调用和执行从外部php文件生成的javascript代码。这是我的文件:

<script type="text/javascript">
id = <some id calculation>;
var code_url = 'http://example.com/javascript.php?id=' + id; // this generates the javascript desired
var code_div = document.getElementById("code_div"); // where I want to insert the JS
var fileref=document.createElement('script');
fileref.setAttribute("type","text/javascript");
fileref.setAttribute("src", code_url);
code_div.appendChild(fileref);
}
</script>

现在，带有javascript链接的div确实出现了，但它似乎没有执行。我试着在StackOverflow和其他地方浏览其他类似的问题，但这就是我所能得到的。知道为什么不执行吗?

更新:修正了缺失的引用。我应该说一下，我把代码放在了主体里面。在我的情况下，我没有访问HEAD，我需要插入Analytics代码

代码应该导致脚本元素中的代码执行(一旦添加了第1行缺少的引号)，您确定这正是您在页面中所拥有的吗?例如:

window.onload = function() {
  var s = document.createElement('script');
  s.type = 'text/javascript';
  s.src = '_foo.js';
  document.body.appendChild(s);
}

in _foo.js:

alert('loaded');

修复错误后(如缺少函数声明，代码中的闭引号)，确保您的code_url引用的页面具有函数调用或事件;

, 

function needToExecute() {
    ...
}
needToExecute();

查看:http://headjs.com/

相关文章：