JavaScript 概述

JavaScript 是属于 HTML 和 Web 的编程语言。

一、什么是JavaScript?

  • JavaScript 是一门解释型编程语言
  • JavaScript 控制着网页的行为
  • JavaScript 与 HTML 和 CSS 协同工作
  • JavaScript 运行于浏览器中，但借助 node.js ，JavaScript 也可以脱离浏览器运行
  • Java 和 JavaScript 的关系就像雷锋和雷峰塔的关系

​

二、JavaScript能做什么？

  • 改变 HTML 内容
  • 改变 HTML 属性
  • 改变 CSS 样式
  • 隐藏和显示 HTML 元素

​

三、JavaScript使用

1. JavaScript 可以放置于 head 中

示例：

1
2
3
4
5
6
7
8
9
10
11
12
<head>
<script>
function myFunction() {
    document.getElementById("demo").innerHTML = "段落被更改。";
}
</script>
</head>

<body>
<p id="demo">一个段落</p>
<button onclick="myFunction()">试一试</button>
</body>

2. JavaScript 可以放置于 body 中

示例：

1
2
3
4
5
6
7
8
9
<body> 
<p id="demo">一个段落</p>
<button type="button" onclick="myFunction()">试一试</button>
<script>
function myFunction() {
   document.getElementById("demo").innerHTML = "段落被更改。";
}
</script>
</body>

3. JavaScript 可以放置于外部文件中

(1) 方法

  • 将 JavaScript 内容保存于 .js 文件中

    .js 文件中不包含 script 标签

  • 在 head 或 body 中，利用 script 中的 src 属性调用脚本文件

    1
    <script src="路径"></script>

(2) 好处

  • 分离了 HTML 和代码
  • 相同脚本可以应用于多个文件，方便后续维护与修改
  • 已缓存的 JavaScript 文件可加速页面加载

​

参考