如何在HTML中嵌入JavaScript脚本

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> 标签的任意位置。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,687评论 1 92
  • 我想很多程序员应该记得 GitHub 上有一个 Awesome - XXX 系列的资源整理。awesome-jav...
    白水螺丝阅读 7,416评论 0 24
  • 秋风是风,秋雨是雨我碎裂的酒壶里装不下的闲言碎语 时光总是匆匆,不知不觉大学只剩最后几个月的余额,趁着天尚暖...
    长弓枫儿阅读 3,093评论 0 1
  • 那是04年和05年的时候,那会的我们还是青涩的男孩,我初二他初一,我初三,他初二,我们结识于考场。因为那份感情我们...
    我的而立之前阅读 1,891评论 0 1