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 文件可加速页面加载