如何在HTML中嵌入JavaScript脚本
2018-03-11 本文已影响26人
Doris_LJ
JavaScript必须嵌入到HTML文档，才能被浏览器解释和执行。
将JavaScript嵌入到HTML文档中有三种标准方法
1.通过<script>标签嵌入
通过<script>标签嵌入到JavaScript代码中时，必须将代码放在
<script type="text/javascript"> 和 </script> 标记对之间。
浏览器载入HTML文档时，会识别<script>标签，执行其中的JavaScript代码，并将结果返回，显示在浏览器窗口。
2.引入外部脚本
当网页功能比较复杂，或者通用代码较多时，直接在<script>标签中嵌入JavaScript代码会使网页杂乱而不易管理。这时候可以将JavaScript代码单独保存在一个文件中，使用时再嵌入到HTML文档中。
引入网站根目录下的 demo.js 文件：
<script type="text/javascript" src="/demo.js"></script>
引入上级目录中 script 目录下的 demo.js 文件：
<script type="text/javascript" src="../script/demo.js"></script>
引入百度的 JavaScript文件：
<script type="text/javascript" src="http://www.baidu.com/script/demo.js"></script>
3.在
HTML属性中直接嵌入
在HTML属性中直接嵌入JavaScript代码主要针对JavaScript事件。JavaScript事件指用户对网页进行操作时，网页做出相应的响应。
<script> 标签嵌入的脚本和外部引入的脚本可以放在 <head> 标签和 <body> 标签的任意位置。
