目录
一、JavaScript简介
JavaScript 函数是一种 JavaScript 代码块，它可以在调用时被执行。
JS版本
JavaScript 由 Brendan Eich 于 1995 年发明，并于 1997 年成为 ECMA 标准。ECMAScript 是该语言的官方名称。从 2015 年起，ECMAScript 按年命名（ECMAScript 2015）。
发展历史
JavaScript 是 Brendan Eich 在 1995 年发明的。它是为 Netscape 2 开发的，并于 1997 年成为 ECMA-262 标准。
Netscape 将 JavaScript 交给 ECMA 后，Mozilla 基金会继续为 Firefox 浏览器开发 JavaScript。 Mozilla 的最新版本是 1.8.5.（与 ES5 相同）。Internet Explorer (IE4) 是第一个支持 ECMA-262 Edition 1 (ES1) 的浏览器。
1.JS类
（1）JavaScript 类的语法
class ClassName {
constructor() { ... }
}
JavaScript 类不是对象,它是 JavaScript 对象的模板。
（2）使用类
例如：
let myCar1 = new Car("Ford", 2014);
let myCar2 = new Car("Audi", 2019);
上面的例子使用 Car 类来创建两个 Car 对象，在创建新对象时会自动调用构造方法
（3）构造方法
构造方法是一种特殊的方法：
- 它必须有确切的名称的 “constructor”
- 创建新对象时自动执行
- 用于初始化对象属性
- 如果您没有定义构造方法，JavaScript 会添加一个空的构造方法。
（4）类方法
创建类方法的语法与对象方法相同，使用关键字 class 创建一个类。并且始终添加 constructor() 方法，然后添加任意数量的方法。
2.JS使用
（1）JavaScript 输出
innerHTML
如需访问 HTML 元素，JavaScript 可使用document.getElementById(id) 方法。
<script>
document.getElementById("demo").innerHTML = 显示内容;
</script>
这个方法会在HTML中显示某个元素
document.write()
<script>
document.write(显示内容);
</script>
这种方法跟第一种显示效果相同，但是在 HTML 文档完全加载后使用 document.write() 将删除所有已有的 HTML
window.alert()
用警告框显示内容
console.log()
在浏览器中，可使用 console.log() 方法来显示数据。
通过 F12 来激活浏览器控制台，并在菜单中选择“控制台”。
（2）JavaScript 语句
总结：
二、JavaScript引入方式
1.放在head之间
<!DOCTYPE html>
<html>
<head>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "段落被更改。";
}
</script>
</head>
<body>
<h1>一张网页</h1>
<p id="demo">一个段落</p>
<button type="button" οnclick="myFunction()">试一试</button>
</body>
</html>
2.放在body之间
<!DOCTYPE html>
<html>
<body>
<h1>A Web Page</h1>
<p id="demo">一个段落</p>
<button type="button" οnclick="myFunction()">试一试</button>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "段落被更改。";
}
</script>
</body>
</html>
提示：
把脚本置于<body>元素的底部，可改善显示速度，因为脚本编译会拖慢显示。
3.外部脚本
外部文件：myScript.js：
function myFunction() {
document.getElementById("demo").innerHTML = "段落被更改。";
}
- 外部脚本很实用，如果相同的脚本被用于许多不同的网页。
- JavaScript 文件的文件扩展名是 .js。
最低0.47元/天 解锁文章
661
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
