JavaScript文件引用JavaScript文件的方法

csdj101

于 2012-05-11 16:00:16 发布

阅读量394

点赞数

分类专栏： js 文章标签： javascript fun file function button html

js 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了三种在JavaScript中加载外部脚本的方法：通过`<script>`标签直接引入、使用`document.write`方法和创建`<script>`元素并动态插入DOM。通过实例展示了如何在网页中动态引入和执行外部脚本。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

方法一：
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"