闲话少叙,咱们直入正题!
JS 的组成
-
ECMAScript( JS 基本语法 ): ECMAScript是由ECMA国际(原欧洲计算机制造商协会)进行标准化的一门编程语言,这种语言在万维网上应用广泛,它往往被称为JavaScript或JScript,但实际上后两者是ECMAScript语言的实现和扩展。 ECMAScript 规定了 JS 的编程语法和核心基础知识,是所有浏览器厂商共同遵守的一套JS 语法工业标准。
-
DOM( Document Object Model,页面文档对象模型):对页面文档进行操作
-
BOM( Broswer Object Model,浏览器对象模型): 对浏览器进行操作
JS 的书写方式
行内式的JS
如上图,第11行元素内部属于行内式的 JS 代码
形式:
<input type="button" value="点我试试" onclick="alert('Hello World')">
特点:
- 可以将少量或单行JS 代码写在HTML标签事件属性中(以 on 开头的属性),如:onclick
- 注意单双引号的使用:在 HTML 中我们推荐使用双引号,JS 我们推荐使用单引号
- 可读性差,在HTML 中编写JS 大量代码时,不方便阅读;
- 引号易错,引号多层嵌套匹配时,非常容易混乱
- 特殊情况下使用
内嵌式的JS
如图,第8行到第10行正是咱们的内嵌式 JS 代码,形式是写一对 script 标签
形式:
<script>
alert('Hello World~!')
</script>
特点:
- 可以将多行JS代码写到
- 内嵌JS 是学习时常用的方式
外部 JS 文件
咱们新创建一个js文件,在JS 里面写东西
之后在 html 文件里面引入
如图12行的代码为引入 JS 代码
形式:
<script src="my.js"></script>
特点:
- 利于HTML页面代码结构化,把大段JS代码独立的到 HTML页面之外,既美观,也方便文件级别的复用
- 引用外部 JS 文件的script 标签中间不可以写代码
- 适用于JS代码量比较大的情况下
JS 注释
形式:
-
单行注释://
-
多行注释:/**/
JS 输入输出语句
常用语句:
用法: