本文介绍了三种在JavaScript中加载外部脚本的方法：通过`<script>`标签直接引入、使用`document.write`方法和创建`<script>`元素并动态插入DOM。通过实例展示了如何在网页中动态引入和执行外部脚本。
方法一：
Js_file01.js
========
//程序代码
document.write(" <script language=\"javascript\" src="\/com\/ Js_file02.js \" > <\/script>");
方法二：
html代码
程序代码
<html>
<body>
<input type="button" value="ok" onclick="javascript:fun_b()">
</body>
//必须在这个位置，也即<body>...</body>之下:
<script language="JAVASCRIPT" src='Js_b.js'> </script>
</html>
Js_b.js
========
//程序代码
new_element=document.createElement("script");
new_element.setAttribute("type","text/javascript");
new_element.setAttribute("src"," Js_a.js");
document.body.appendChild(new_element);
function fun_b ()
{
Fun_a();
}
Js_a.js
========
//程序代码
function Fun_a ()
{
alert("a");
}
方法三：
Js_file01.js
========
//程序代码
document.scripts[0].src=" Js_file02.js"
Js_file01.js
========
复制代码代码如下:
//程序代码
document.write(" <script language=\"javascript\" src="\/com\/ Js_file02.js \" > <\/script>");
方法二：
html代码
程序代码
复制代码代码如下:
<html>
<body>
<input type="button" value="ok" onclick="javascript:fun_b()">
</body>
//必须在这个位置，也即<body>...</body>之下:
<script language="JAVASCRIPT" src='Js_b.js'> </script>
</html>
Js_b.js
========
复制代码代码如下:
//程序代码
new_element=document.createElement("script");
new_element.setAttribute("type","text/javascript");
new_element.setAttribute("src"," Js_a.js");
document.body.appendChild(new_element);
function fun_b ()
{
Fun_a();
}
Js_a.js
========
复制代码代码如下:
//程序代码
function Fun_a ()
{
alert("a");
}
方法三：
Js_file01.js
========
复制代码代码如下:
//程序代码
document.scripts[0].src=" Js_file02.js"
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
