初识JavaScript--2

43 阅读2分钟

闲话少叙,咱们直入正题!

JS 的组成

  • ECMAScript( JS 基本语法 ): ECMAScript是由ECMA国际(原欧洲计算机制造商协会)进行标准化的一门编程语言,这种语言在万维网上应用广泛,它往往被称为JavaScript或JScript,但实际上后两者是ECMAScript语言的实现和扩展。 ECMAScript 规定了 JS 的编程语法和核心基础知识,是所有浏览器厂商共同遵守的一套JS 语法工业标准

  • DOM( Document Object Model,页面文档对象模型):对页面文档进行操作

  • BOM( Broswer Object Model,浏览器对象模型): 对浏览器进行操作

JS 的书写方式

行内式的JS

image.png 如上图,第11行元素内部属于行内式的 JS 代码

形式:

<input type="button" value="点我试试" onclick="alert('Hello World')">

特点:

  • 可以将少量或单行JS 代码写在HTML标签事件属性中(以 on 开头的属性),如:onclick
  • 注意单双引号的使用:在 HTML 中我们推荐使用双引号JS 我们推荐使用单引号
  • 可读性差,在HTML 中编写JS 大量代码时,不方便阅读;
  • 引号易错,引号多层嵌套匹配时,非常容易混乱
  • 特殊情况下使用

内嵌式的JS

image.png

如图,第8行到第10行正是咱们的内嵌式 JS 代码,形式是写一对 script 标签

形式:

<script>
   alert('Hello World~!')
</script>

特点:

  • 可以将多行JS代码写到
  • 内嵌JS 是学习时常用的方式

外部 JS 文件

咱们新创建一个js文件,在JS 里面写东西

之后在 html 文件里面引入

image.png

image.png

如图12行的代码为引入 JS 代码

形式:

    <script src="my.js"></script>

特点:

  • 利于HTML页面代码结构化,把大段JS代码独立的到 HTML页面之外,既美观,也方便文件级别的复用
  • 引用外部 JS 文件的script 标签中间不可以写代码
  • 适用于JS代码量比较大的情况下

JS 注释

image.png

形式:

  • 单行注释://

  • 多行注释:/**/

JS 输入输出语句

常用语句:

b90efe16059a9843ad5b084d5294b94c.jpg

用法:

7da04263ca91c3420c1e58e62315eff6.jpg