美文网首页
如何在HTML中嵌入JavaScript脚本

如何在HTML中嵌入JavaScript脚本

作者: Doris_LJ | 来源:发表于2018-03-11 14:06 被阅读26次

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

    相关文章

      网友评论

          本文标题:如何在HTML中嵌入JavaScript脚本

          本文链接:https://www.haomeiwen.com/subject/ukxwfftx.html