javascript文档_JavaScript入门

起源

javascript前身叫做livescript，sun公司推出java，netspace公司引进java的概念，重新设计livescript，并更名javascript。

发明者，布兰登.艾克，表单验证原先要经过服务器，服务器压力大，等待时间长，js仅在客户端就可完成。

---

是什么

是一种脚本语言，是一种轻量级的编程语言。

JavaScript可插入 HTML 页面的编程代码，由所有的浏览器执行，从服务端被下载到客户端由浏览器执行。

---

作用

1、表单验证

2、页面特效

3、动态调整页面

---

组成

1、核心语法(ECMAScript)

2、浏览器对象模型(BOM)

1) 是什么

Browser Object Model,浏览器对象模型：由一系列对象组成，是访问、控制、修改浏览器属性的方法.

2) 结构图

BOM结构图

3) 内容简介

window

BOM使javascript有能力与浏览器进行沟通，这个沟通从window对象开始，所有的window对象的属性和方法自动成为javascript的全局变量和全局函数。可直接使用。

history

包含用户访问过的URL

最初设计表示浏览历史，出于隐私，不允许js访问已经访问过的实际URL。

仍保持back()，forwore()，go()等方法。

location

包含当前页面的URL信息，可重载当前页面或装入新页面

document

一个比较特殊的对象，它既是浏览器对象模型BOM中的一个对象，同时表示文档对象模型DOM中整个HTML文档。

3、文档对象模型(DOM)

1)是什么

文档对象模型：由一系列对象组成，是访问、控制、修改HTML文档的标准方法。

通过可编程的对象模型，JavaScript 获得了足够的能力来创建动态的 HTML。

BOM是一个与语言无关，与平台无关的标准接口规范。将HTML 文档解析成树结构。

2)结构图

3)内容简介

节点：

在DOM (文档对象模型)中，每个部分都是节点：

• 文档节点：文档本身
• 元素节点：所有 HTML 元素
• 属性节点：所有 HTML 属性
• 文本节点：HTML 元素内的文本
• 注释节点：注释

element.appendChild() 向元素添加新的子节点，作为最后一个子节点。

element.removeChild() 从元素中移除子节点。

element.replaceChild() 替换元素中的子节点。

element.insertBefore() 在指定的已有的子节点之前插入新节点。

getElementById() 返回对拥有指定 id 的第一个对象的引用。

getElementsByName() 返回带有指定名称的对象集合。

getElementsByTagName() 返回带有指定标签名的对象集合。

---

创建方式

1、外部js文件

将JS代码写入后缀名为.JS的外部文件中，只写脚本代码，不用写

适用于：代码量较大。或者再多个页面中共享

2、

点我

适用于:代码较少，较少重复使用

3、HTML标签内

适用于：特别简短的JS 代码

---

数据类型

数值number

整数或小数

实例

var x1=34.00; //使用小数点来写

var x2=34; //不使用小数点来写

数组array

实例

var cars=new Array();

cars[0]="Saab";

cars[1]="Volvo";

cars[2]="BMW";

var cars=new Array("Saab