两个javascript之间函数的调用

最新推荐文章于 2021-06-17 06:41:16 发布

最新推荐文章于 2021-06-17 06:41:16 发布 · 382 阅读

文章标签：

#javascript #ViewUI

本文介绍了一个使用JavaScript动态加载外部JS文件的方法。通过修改DOM结构，可以在网页加载过程中按需引入额外的脚本资源。这种方式有助于优化网站性能，尤其是在需要延迟加载某些功能或模块时。

a.htm的内容
---------------------------------------------------
<html>
<head>
<script src=a.js type=text/javascript></script>
</head>
<body>
</body>
</html>

a.js 的内容
-------------------------------------------------
function load_b()
{
         // 先把b.js调入
var head = document.getElementsByTagName('head');
var testScript = document.createElement('script');
testScript.src = 'b.js';
testScript.type = 'text/javascript';
head[0].appendChild(testScript);
         // 现在就可以调用b.js中的test()函数了
test();
}
window.onload = load_b;
 
b.js 的内容
------------------------------------------------
function test()
{
   alert(bad);
}