javascript知识点

JavaScript

一、简介

JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。然而现在JavaScript也可被用于网络服务器，如Node.js

二、基本特点

1、是一种解释性脚本语言（代码不进行预编译）。

2、主要用来向HTML（标准通用标记语言下的一个应用）页面添加交互行为。

3、可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离。

三、日常用途

1、嵌入动态文本于HTML页面。

2、对浏览器事件做出响应。

3、读写HTML元素。

4、在数据被提交到服务器之前验证数据。

5、检测访客的浏览器信息。

6、控制cookies，包括创建和修改等。 四、JavaScript与Java的区别

关于java和javascript的关系，我曾在一个论坛上看过这样一句话，java和javascript的关系，就好比雷锋和雷峰塔的关系，实在是经典！因为名字的关系，总是有人误以为Javascript是Java的一个子集，或者必然会存在一些关系。但非常让大家失望，这两种编程语言除了名字开头相同之外，没有其它内在的关系！

一、javascript与Java是由不同的公司开发的不同产品。javascript是Netscape公司的产品，其目的是为了扩展Netscape

Navigator功能,而开发的一种可以嵌入Web页面中的基于对象和事件驱动的解释性语言；而Java是SUN Microsystems公司推出的新一代面向对象的程序设计语言，特别适合于Internet应用程序开发。实际上，javascript最初的名字并不是javascript，而是LiveScript，名字中的“Java”是经过SUN Microsystems公司授权的。

JavaScript

一、数据类型

数据类型指的是值的类型，有如下：

1、数值型：整数、浮点数；

整数是由数字、正负号、或0所构成，可以用十进制、八进制和十六进制来表示。

整数 解释

12 一个十进制整数

0238 一个十进制整数（因为有8），即238

0237 一个八进制整数，等于十进制数159

0XFF 一个十六进制整数，等于十进制数255

-0X2E5 一个十六进制整数，等于十进制数-741

浮点数是可以有小数部分的数字值，只能采用十进制，表示形式有普通形式和指数形式（E后面指数部分的位数不能大于３，而且必须是整数，如23E4321和1.2E2.5等都是不合法的）。

浮点数 解释

4.12 一个十进制数4.12

0.123 一个十进制数0.123

.123 一个十进制数0.123

5.34e5 表示5.34*105

312E4 表示312*104

2、字符串值：是由0个或多个字符组成的序列，它可以包括大小写字母、数字、标点符号或其他可以显示字符以及特殊字符，也可以包含汉字。在JS中，字符串通过在其首尾添加成对的双引号（""）或单引号('')来说明。

字符串 解释

"javascrip" 字符串为:javascrip

'你好!' 字符串为:你好!

"" 空字符串 " " 由空格构成的字符串

"'Hi'" 字符串为:'Hi'

'"Hi"' 字符串为:"Hi"

3、布尔值：也就是逻辑值,它只有两个值 true 和 false,分别表示逻辑“真”和逻辑“假”。在JS中，也可以用整数0表示false，而非0表示true。

4、空值：就是null，一种特殊的关键字，表示没有值，用于定义空的或不存在的引用。要注意，空值不等同于空字符串或0。当使用对象进行编程时可能会使用这个值。

5、未定义值：就是undefined,表示变量已经声明，但没有赋值；或对象不存在。

6、特殊字符串（转义字符）：显示无法输入的字符串，使用\符号开头的字符。

1 BOM知识点小计

1. BOM概述

1.1 什么是BOM

BOM（Browser Object Model）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是window

BOM由一系列相关的对象构成，并且每个对象都提供了很多方法和属性

BOM缺乏标准，JavaScript语法标准化组织是ECMA，DOM的标准化组织是W3C，BOM最初是Netscape浏览器标准的一部分

1.2 DOM和BOM的区别

DOM:

 文档对象模型

 DOM就是把[文档]当作一个[对象]来看待

 DOM的顶级对象是document

 DOM主要学习的是操作页面元素

 DOM是W3C的标准规范

BOM:

 浏览器对象模型

 把[浏览器]当做一个[对象]来看待

 BOM的顶级对象是window

 BOM学习的是浏览器窗口交互的一些对象

 BOM是浏览器厂商在各自浏览器上定义的，兼容性较差

2 1.3 BOM的构成

BOM比DOM更大，它包含DOM

window对象是浏览器的顶级对象，它具有双重角色:

1）、它是JS访问浏览器窗口的一个接口

2）、它是一个全局对象。定义在全局作用域中的变量、函数都会变成window对象的属性和方法。在调用的时候可以省略window，前面学习的对话框都属于window对象方法，如alert()、prompt()等

注意:window下的一个特殊属性

2. window对象的常见事件

2.1窗口加载事件

Window.onload是窗口(页面)加载事件，当文档内容完全加载完成会触发该事件(包括图像、脚本文件、CSS文件等)，就调用处理函数

注意：

1. 有了window.onload就可以把JS代码写到页面元素的上方，因为onload是等页面内容全部加载完毕，再去执行处理函数

2. Window.onload传统注册事件方式只能写一次，如果有多个，会以最后一个window.onload为准

JavaScript实现HTML5重要语言

2012-08-10 10:15 html5cn HTML5中国 我要评论(0) 字号：T | T

过去几年间，我对JavaScript的态度有了彻底的改变。JavaScript已经“长大成人”了。我敢保证很多JavaScript开

发人员都不会 认同我前面的说法，他们会说JavaScript一直都是一个十分强大、成熟，深得人心的语言。

AD： 2014WOT全球软件技术峰会北京站 课程视频发布

很长时间以来，JavaScript在我眼里都是编程语言中的二等公民。早先，它经常是很多安全问题的发源地，就像是胶水一样，它能把HTML应用与

样式 粘到一块，可没有人拿它来正正规规地编写程序；这样的情形太普遍了。而Java、Ruby、Python，这些才是真正能用来编写程序的语言。

过去几年间，我对JavaScript的态度有了彻底的改变。JavaScript已经

“长大成人”了。我敢保证很多JavaScript开发人员都不会 认同我前面的说法，他们会说JavaScript一直都是一个十分强大、成熟，深得人心

的语言。或许他们说得没错，事实上只要是一门完整的编程语言，就能拿来编写程序，也包括BASIC这种滥东西。而一门语言真正有用，必须一方

面自身具备很强的表达能力，另一方面还要有众多的库和开发工具。显 然，

JavaScript的表达能力早就没有问题了，即便是创建对象的方式有点不好让人接受，其实问题也不大。直到最近，一些极其重要的扭转局面的技术

出 现了：jQuery、JSON、Node.js和HTML5。或许JavaScript以前就是一门完善的语言了，但却是这些重要的相关技术（以及其他一 些没有在

这里提及的），让JavaScript成为了每一个开发人员都知道的语言。如

果明年你要学一门新语言的话，那一定就是JavaScript。

潜力无限的Node.js

说Node.js潜力无限的意思，就是它有可能引发Web开发的革命。 Node.js