avaScript必需嵌入到HTML文档，才能被浏览器解释和执行。下面学步园小编来讲解下将JavaScript脚本嵌入到HTML文档中有哪些方法?
将JavaScript脚本嵌入到HTML文档中有哪些方法
一.通过script>标签嵌入
通过script>标签嵌入JavaScript代码时，必需将代码放在scripttype="text/javascript">和/script>标记对之间。
【例1-2】通过script>标签嵌入JavaScript代码：
html>
head>
title>通过script>标签嵌入/title>
/head>
bdoy>
!--开始嵌入JavaScript代码-->
scripttype="text/javascript">
document.write("这是通过script>标签嵌入的代码");//输出语句
/script>
!--结束-->
/body>
/html>
浏览器载入HTML文档时，会识别script>标签，执行其中的JavaScript代码，然后将结果返回并在浏览器窗口显示。
二.引入外部脚本
当网页功能比较复杂，或通用代码(每个页面都是用)较多时，直接在script>标签中嵌入JavaScript代码会导致网页杂乱，不易管理。这时候，我们希望能将JavaScript代码保存在单独的文件中，使用时再嵌入到HTML文档。
可以通过script>标签的src属性引入外部文件。
例如，引入网站根目录下的demo.js文件：
scripttype="text/javascript"src="/demo.js">/script>
引入上级目录中script目录下的demo.js文件：
scripttype="text/javascript"src="../script/demo.js">/script>
引入百度的JavaScript文件：
scripttype="text/javascript"src="http://www.baidu.com/script/demo.js">/script>
【例1-3】引入外部脚本：
html>
head>
title>引入外部脚本/title>
/head>
bdoy>
scripttype="text/javascript"src="1-3.js">/script>
/body>
/html>
将上面代码保存为1-3.html，并在同一目录下创建一个JavaScript脚本文件，命名为1-3.js，输入如下代码：
document.write("引入外部脚本");
在浏览器中打开1-3.html，显示”引入外部脚本“，外部脚本成功引入并执行。
引入外部脚本，能够很轻松的让多个页面使用相同的JavaScript代码。外部脚本一般会被浏览器保存在缓存文件中，用户再次访问网页时，无需重新载入，加快了网页打开速度。
注意：外部脚本一般保存为.js的文件。
将JavaScript脚本嵌入到HTML文档中有哪些方法
三.在HTML属性中直接嵌入
在HTML属性中嵌入JavaScript代码主要是针对JavaScript事件。JavaScript事件是指用户对网页进行操作时，网页做出相应的响应。
【例1-4】鼠标单击事件：
html>
head>
title>鼠标单击事件/title>
/head>
bdoy>
ponclick="alert('你已经点击了我!');">请点击这里/p>
/body>
/html>
html>
head>
title>鼠标双击事件/title>
/head>
bdoy>
pondblclick="alert('你已经双击了我!');">请双击这里/p>
/body>
/html>
【例1-5】鼠标移入事件：
html>
head>
title>鼠标双击事件/title>
/head>
bdoy>
ponmouseover="alert('你的鼠标已移动!');">请将鼠标移动到这里/p>
/body>
/html>
实例演示：
说明：alert()函数弹出一个警告框。
嵌入脚本的位置
script>标签嵌入的脚本和外部引入的脚本可以放在head>标签和body>标签的任意位置。
上面的几个例子，都是将JavaScript代码嵌入到body>标签，下面演示在head>标签中嵌入脚本。
【例1-6】在head>标签中引入外部脚本
html>
head>
title>引入外部脚本/title>
scripttype="text/javascript"src="1-3.js">/script>
/head>
bdoy>
p>在head>标签中引入外部脚本/p>
/body>
/html>
【例1-6】通过script>标签嵌入脚本
html>
head>
title>引入外部脚本/title>
/head>
bdoy>
pid="demo">请点击这里/p>
scripttype="text/javascript">
document.getElementById("demo").onclick=function(){
alert("你已经点击了我");
}
/script>
/body>
/html>
以上就是关于“将JavaScript脚本嵌入到HTML文档中有哪些方法”的内容，希望对大家有用。更多资讯请关注学步园。学步园，您学习IT技术的优质平台!