JavaScript基础知识

Posted changx

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript基础知识相关的知识,希望对你有一定的参考价值。

#javascript

`JavaScript`简称`js`,`js`是一种轻量级脚本语言,是一种直译式的脚本语言,而在语法层面,`JavaScript`是一门对象模型语言.

在编程语言中,`JavaScript`是一种弱类型语言,相比较于`Java`等强类型语言,`JavaScript`更具有灵活性.

`JavaScript`主要包含三部分:`ECMAScript`;`BOM`;`DOM`.

##ECMAScript

`ECMAScript`是一种由欧洲计算机制造商协会(`European Computer Manufacturers Association`,简称`ECMA`),通过ECMA-262标准化的脚本`程序设计语言`。这种语言在`万维网`上被称为`JavaScript`或`JScript`,所以它可以理解为是`JavaScript`的一个标准,但实际上后两者是ECMA-262标准的实现和扩展。

##ECMAScript的历史

*1998年6月,ECMAScript 2.0版发布。
*1999年12月,ECMAScript 3.0版发布,成为JavaScript的通行标准,得到了广泛支持。
*2007年10月,ECMAScript 4.0版草案发布,对3.0版做了大幅升级,预计次年8月发布正式版本。草案发布后,由于4.0版的目标过于激进,各方对于是否通过这个标准,发生了严重分歧。以Yahoo、Microsoft、Google为首的大公司,反对JavaScript的大幅升级,主张小幅改动;以JavaScript创造者Brendan Eich为首的Mozilla公司,则坚持当前的草案。
*2008年7月,由于对于下一个版本应该包括哪些功能,各方分歧太大,争论过于激进,ECMA开会决定,中止ECMAScript 4.0的开发,将其中涉及现有功能改善的一小部分,发布为ECMAScript 3.1,而将其他激进的设想扩大范围,放入以后的版本,由于会议的气氛,该版本的项目代号起名为Harmony(和谐)。会后不久,ECMAScript 3.1就改名为ECMAScript 5。
*2009年12月,ECMAScript 5.0版正式发布。Harmony项目则一分为二,一些较为可行的设想定名为JavaScript.next继续开发,后来演变成ECMAScript 6;一些不是很成熟的设想,则被视为JavaScript.next.next,在更远的将来再考虑推出。
*2011年6月,ECMAscript 5.1版发布,并且成为ISO国际标准(ISO/IEC 16262:2011)。
*2013年3月,ECMAScript 6草案冻结,不再添加新功能。新的功能设想将被放到ECMAScript 7。
*2013年12月,ECMAScript 6草案发布。然后是12个月的讨论期,听取各方反馈。
*2015年6月17日,ECMAScript 6发布正式版本,即ECMAScript 2015。目前比较普及的版本是`ECMAScript6`,也就是我们说的`ES6`。
 
##BOM
`浏览器对象模型`(Browser Object Model,简称`BOM`),是用于描述与浏览器进行交互的方法和接口,浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成,其中代表浏览器窗口的Window对象是BOM的顶层对象,其他对象都是该对象的子对象。
因为浏览器的不同,自身有窗口对象、导航对象等一些实际上已经默认的标准,所以每个浏览器的`BOM`都不太相同,每个浏览器都定义的有自己的属性和方式。
 
###拓展功能
 
*弹出新浏览器窗口的能力;
*移动、关闭和更改浏览器窗口大小的能力;
* 可提供WEB浏览器详细信息的导航对象;
*可提供浏览器载入页面详细信息的本地对象;
*可提供用户屏幕分辨率详细信息的屏幕对象;
* 支持Cookies;
*Internet Explorer对BOM进行扩展以包括ActiveX对象类,可以通过JavaScript来实现ActiveX对象。
 
###BOM所包涵的对象

*Window对象

*Navigator对象

*Screen对象

*History对象

*Location对象

 
##DOM
 
`文档对象模型`(Document Object Model,简称`DOM`),是`W3C`组织推荐的处理可扩展标志语言的标准编程接口。在网页上,组织页面(或文档)的对象被组织在一个树形结构中,用来表示文档中对象的标准模型就称为DOM。`DOM`在`JS`中占据很大一部分,而只有`JS`的宿主环境是浏览器时才可以使用DOM。
 
###节点
 
`DOM`当中,最小的组成单位是节点`node`。文档的树形结构也就是我们常说的DOM树,就是由不同类型的节点组成。

通常,节点的类型可以分为下面的几种:

*Document :整个文档树的顶层节点

*DocumentType : doctype标签(比如<!DOCTYPE html>)

*Element : 网页的各种html标签

*Attribute:网页元素的属性(比如class=‘test‘)

*Text: 标签之间或者标签包含的文本

*Comment: 注释

*DocumentFragment : 文档的片段

 
  `ECMAScript`、`BOM`、`DOM`三部分是我们在JavaScript中每次都会使用到的内容,熟料掌握这三部分内容可以让我们在`JavaScript`的运用更加合理、更加简洁。

以上是关于JavaScript基础知识的主要内容,如果未能解决你的问题,请参考以下文章

30秒就能看懂的JavaScript 代码片段

常用Javascript代码片段集锦

48个值得掌握的JavaScript代码片段(上)

如何将此 JavaScript 代码片段翻译成 Parenscript?

javascript 代码片段

javascript JS-常用代码片段