JavaScript高级程序设计(红宝书)随笔 (一)

139 阅读2分钟

第一章

一、什么是JavaScript

JavaScript简称js,是一种专门为网页交互而设计的脚本语言,由:

  1. ECMAScript,由ECMA-262定义,提供核心语言功能。
  2. DOM提供访问和操作网页内容的方法和接口。
  3. BOM提供与浏览器交互的方法和接口。 共同构成。

二、 DOM 和 BOM

DOM(document object model)文档对象模型

是针对XML或者HTML的应用程序编程接口(api),DOM把整个页面作为一个多层的节点结构。DOM由w3c规范。

<html>
    <head></head>
    <body>
        HELLO WORLD!
    </body>
</html>

上面代码片段则表示为DOM树,开发人员可通过对DOM树的修改实现对页面的修改。

BOM(borwser object model) 浏览器对象模型

BOM没有对应的标准,为各个浏览器厂商对JS功能的实现。 人们习惯对浏览器的扩展功能也算作BOM (如:移动关闭缩放浏览器功能)

第二章 在HTML中使用JavaScript

script标签

属性参考 developer.mozilla.org/zh-CN/docs/…

src:引入外部文件时,会忽略在标签之间写入的嵌入式代码,只会下载并且执行外部脚本文件。 无论何时,只要script标签不包含asycn和defer属性,都会依次顺序加载。

defer: 表明脚本在执行时,不会影响页面构造,会被延迟到整个页面都解析完毕之后再执行。外部文件立即下载,延迟执行

async:与defer类似,但是async只适用于外部文件,并告诉浏览器立即下载文件 。但是async的脚本并不保证按照先后顺序执行 具体执行顺序

image.png

嵌入代码与外部文件

推荐使用外部文件,有如下优点: 可维护性;可缓存;适应未来;

文档模式

最初由ie5.5引入概念,通过使用文档类型(doctype)切换实现。最初两种模式为:混杂模式(quirks mode)标准模式(standards mode)