JavaScript使用

陵小宇

javascript引入方式

JavaScript 程序不能独立运行，它需要被嵌入 HTML 中，然后浏览器才能执行 JavaScript 代码。通过 script 标签将 JavaScript 代码引入到 HTML 中

内部方式

通过<script></script>这组标签标签包裹 JavaScript 代码

type：必需。表示代码使用的脚本语言的内容类型。例如：type="text/javascript"
charset：可选。表示通过src属性指定的字符集
defer：可选。表示脚本可以延迟到文档完全被解析和显示之后再执行
src：可选。表示包含要执行代码的外部文件
async：可选。规定异步执行脚本（仅适用于外部脚本）

代码示例

    <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <title>JavaScript 基础 - 引入方式</title>
    </head>
    <body>
      <!-- 内联形式：通过 script 标签包裹 JavaScript 代码 -->
      <script type="text/javascript" >
        alert('嗨你好！javascript')
      </script>
    </body>
    </html>

外部形式

一般来说，JS代码越来越庞大的时候，我们最好把他另存为一个.js文件，通过src引入即可。它还具有维护性高、可缓存(加载一次，无需加载)、方便未来扩展的特点

一般将 JavaScript 代码写在独立的以 .js 结尾的文件中，然后通过 script 标签的 src 属性引入

代码示例

1.创建demo.js文件

    // demo.js
    document.write('嗨，欢迎学习javascript技术！')

2.html文件中引入

    <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <title>JavaScript 基础 - 引入方式</title>
    </head>
    <body>
      <!-- 外部形式：通过 script 的 src 属性引入独立的 .js 文件 -->
      <script src="demo.js"></script>
    </body>
    </html>

注意： 带有src属性的script元素不应该在其标签之间再包含额外的JavaScript代码，因为它会被忽略。

代码示例

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

上一篇: Javascript概述

下一篇: javascript语法-关键词-保留字

*声明：内容来源于网络收集和整理，版权归原著所有，如来源信息有误或侵犯权益，请联系站长作修改和删除处理。