js之基础

76 阅读2分钟

1.初识javascript

1.1浏览器执行 js简介

  • 渲染引擎:用来解析html与css,俗称内核。比如chrome浏览器的blink,老版本的webkit
  • JS引擎:也称为JS解释器,用来读取页面来JavaScript代码,对其处理后运行,比如chrome 浏览器的v6
  • 浏览器本身并不会执行JS代码,而是通过内置JavaScript引擎(解释器)来执行JS代码。JS引擎执行代码是逐行解释每一句源码(转换为机器语言),然后由计算机去执行,所以JavaScript语言归为脚本语言,会逐行解释执行

图片.png

1.2JS的组成

图片.png

  1. ECMAScript ECMAScript是由ECMA国际(原欧洲计算机制造协商会)进行标准化的一门编程语言,这种语言在万维网上应用广泛,它往往被javascript或JScript,但实际上后两者是ECMAScript语言的实现和扩展

图片.png ECMAScript:ECMAScript规定了JS的编程语法和基础核心知识,是所有浏览器厂商共同遵守的一套JS语法工业标准

  1. DOM————文档对象模型 文档对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展标记语言的标准编程接口。通过DOM提供的接口可以对页面上的各种元素进行操作(大小,位置,颜色等)
  2. BOM————浏览器对象模型 BOM(Browser ObjectModel,简称BOM)是指浏览器对象模型,它提供了独立于内容的,可以与浏览器窗口进行互动的对象结构,通过BOM可以操作浏览器窗口,比如弹出窗,控制浏览器跳转,获取分辨率等。

3.JS初体验

JS有3种书写位置,分别为行内,内嵌和外部

  1. 行内式JS

图片.png

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

图片.png

  • 可以将多行JS代码写到<script>标签中
  • 内嵌JS是学习时常用的方式
  1. 外部JS文件

图片.png

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

2.注释

图片.png

3JavaScript输入输出语句

常用语句如下:

图片.png