1.初识javascript
1.1浏览器执行 js简介
- 渲染引擎:用来解析html与css,俗称内核。比如chrome浏览器的blink,老版本的webkit
- JS引擎:也称为JS解释器,用来读取页面来JavaScript代码,对其处理后运行,比如chrome 浏览器的v6
- 浏览器本身并不会执行JS代码,而是通过内置JavaScript引擎(解释器)来执行JS代码。JS引擎执行代码是逐行解释每一句源码(转换为机器语言),然后由计算机去执行,所以JavaScript语言归为脚本语言,会逐行解释执行
1.2JS的组成
- ECMAScript ECMAScript是由ECMA国际(原欧洲计算机制造协商会)进行标准化的一门编程语言,这种语言在万维网上应用广泛,它往往被javascript或JScript,但实际上后两者是ECMAScript语言的实现和扩展
ECMAScript:ECMAScript规定了JS的编程语法和基础核心知识,是所有浏览器厂商共同遵守的一套JS语法工业标准
- DOM————文档对象模型 文档对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展标记语言的标准编程接口。通过DOM提供的接口可以对页面上的各种元素进行操作(大小,位置,颜色等)
- BOM————浏览器对象模型 BOM(Browser ObjectModel,简称BOM)是指浏览器对象模型,它提供了独立于内容的,可以与浏览器窗口进行互动的对象结构,通过BOM可以操作浏览器窗口,比如弹出窗,控制浏览器跳转,获取分辨率等。
3.JS初体验
JS有3种书写位置,分别为行内,内嵌和外部
- 行内式JS
- 可以将单行或少量JS代码写在HTML标签的事件属性中(以on开头的属性),如:onlink
- 注意单双引号的使用:在HTML中我们推荐使用双引号,JS我们推荐使用单引号
- 编写JS大量代码时,不便阅读
- 引号易错,引号多层嵌套匹配时,很容易弄混
- 特殊情况才使用
- 内嵌JS
- 可以将多行JS代码写到
<script>标签中 - 内嵌JS是学习时常用的方式
- 外部JS文件
- 利于HTML页面代码结构化,把大段JS代码独立到hyml页面之外,既美观,也方便文件级别的复用
- 引用外部JS文件的script标签中间不可以写代码
- 适合于JS代码量比较大的情况
2.注释
3JavaScript输入输出语句
常用语句如下: