IT培训-高端面授IT培训机构
云和教育:云和数据集团高端IT职业教育品牌 全国咨询热线:0371-67988003
课程 请选择课程
    校区 请选择校区
      • 华为
        授权培训中心
      • 腾讯云
        一级认证培训中心
      • 百度营销大学
        豫陕深授权运营中心
      • Oracle甲骨文
        OAEP中心
      • Microsoft Azure
        微软云合作伙伴
      • Unity公司
        战略合作伙伴
      • 普华基础软件
        战略合作伙伴
      • 新开普(股票代码300248)
        旗下丹诚开普投资
      • 中国互联网百强企业锐之旗
        旗下锐旗资本投资

      JavaScript代码怎样引入到HTML中?

      • 发布时间:
        2023-02-03
      • 版权所有:
        云和教育
      • 分享:

      JavaScript 程序不能独立运行,它需要被嵌入 HTML 中,然后浏览器才能执行 JavaScript 代码。通过 <script> 标签将 JavaScript 代码引入到 HTML 中,有两种方式:

      1.内部方式
      内部方式是通过<script>标签包裹JavaScript代码,从而引入HTML页面中,示例代码如下:

      <!DOCTYPE html>
       <html>
       <head>
         <meta charset="UTF-8">
         <title>JavaScript 基础 - 引入方式</title>
       </head>
       <body>
         <!-- 内联形式:通过 script 标签包裹 JavaScript 代码 -->
         <script>
           alert('嗨,欢迎来传智播学习前端技术!')
         </script>
       </body>
       </html>

      2.外部形式

      一般将 JavaScript 代码写在独立的以 .js 结尾的文件中,然后通过 <script>标签的 <src>属性引入,示例代码如下:

      // demo.js
      document.write('嗨,欢迎来传智播学习前端技术!')
      <!DOCTYPE html>
       <html>
       <head>
         <meta charset="UTF-8">
         <title>JavaScript 基础 - 引入方式</title>
       </head>
       <body>
         <!-- 外部形式:通过 script 的 src 属性引入独立的 .js 文件 -->
         <script src="demo.js"></script>
       </body>
       </html>

      注意:如果 script 标签使用 src 属性引入了某 .js 文件,那么 标签的代码会被忽略!!!如下代码所示:

      <!DOCTYPE html>
       <html>
       <head>
         <meta charset="UTF-8">
         <title>JavaScript 基础 - 引入方式</title>
       </head>
       <body>
         <!-- 外部形式:通过 script 的 src 属性引入独立的 .js 文件 -->
         <script src="demo.js">
           // 此处的代码会被忽略掉!!!!
             alert(666);  
         </script>
       </body>
       </html>