JavaScript加强复习大纲02.docx

《JavaScript加强复习大纲02.docx》由会员分享，可在线阅读，更多相关《JavaScript加强复习大纲02.docx（21页珍藏版）》请在冰豆网上搜索。

JavaScript加强复习大纲02

JavaScript复习大纲

BOM:

浏览器对象模型结构图

图中我们看到，最顶层是一个叫window的对象，window代表一个窗口，我们打开的每一个页面中都有自己独立的window对象，那么window对象中又由document文档对象,frames框架对象,location（位置对象），history（历史对象），navigator浏览器信息对象所组成组成。

none">

javascript中回车换行也是一个节点。

将""nullundefined,NaN转化成其所对应的boolean值可通过!

!

来实现即返回的是false。

注意||的使用使用它可以简化代码。

全局变量都是放在window对象里面。

javascript中定义一个类、方法、函数，都是用的function关键字；

函数中如果没有return与语句，则函数返回的是就是一个undefined（即未定义）；

构造函数中的this代表的是new出来的当前实例对象。

firefox浏览器只能关闭由程序打开的窗口，目的是提高安全性。

只要地址栏会改变就会显示一个新的历史。

空的锚就是最顶部

this代表调用者

splice方法用于插入、删除或替换数组的元素。

typeof返回所属类型

接下来我来看看这些对象的用法：

document文档对象,代表的整个html页面，我们一个页面中有很多很多的标签组成，那么document为我们提供几个快捷获取标签的方式。

注意:

以下代码先放到中运行，发现无法获取到任何东西，原因是页面还没有加载完毕，我们无法获取到相关的元素，然后在把

--javascript:

调用我们自己编写的函数-->

testOpen（）;”>打开一个窗口

---浏览器兼容问题，window.close（）只能关闭那些通过程序打开的窗口-->

window.close（）”>关闭当前窗口

win.html

---浏览器兼容问题，window.close（）只能关闭那些通过程序打开的窗口-->

window.close（）”>关闭当前窗口

document对象

document描述整个html文档的结构，可以通过该对象获取文档中的元素，对获取的元素进行操作。

document对象中常用的属性和方法

title

显示页面的标题

body

获取body元素节点

bgColor

显示页面的背景色

write（）

在页面中输出内容

writeln（）

在页面中输出文本，并自动换行

更多的属性和方法可以参考，DHTML文档

属性演示：

console.debug（document.title）//获取当前文档的标题

console.debug（document.body）//获取当前文档body标签对象

document.bgColor=’red’;//修改当前页面的背景色

方法演示：

运行结果

--相当于我们在页面写上了下面这段代码-->

你好

document.write错误用法

testWrite（）”>输出hello

JavaScript函数定义方式

正常方式

functionprint（msg）{

document.write（msg）;

}

函数直接量定义函数

///函数不取名字，而是把函数的引用赋给myfn变量。

调用函数直接myfn（）

varmyfn=function（）{

alert（“你好”）;

}

构造函数方法newFunction（）;

//构造函数方式定义javascript函数注意Function中的F大写

varadd=newFunction（'a','b','returna+b;'）;

/**

上面的代码相当于：

varadd=function（a,b）{

returna+b;

}

*/

//调用上面定义的add函数

varsum=add（3,4）;

alert（sum）;

注:

接受任意多个字符串参数，最后一个参数是函数体。

如果只传一个字符串，则其就是函数体。

HTMLDOM

DOM：

DOM是DocumentObjectModel文档对象模型的缩写。

根据W3CDOM规范,DOM是一种与浏览器，平台，语言无关的接口，使得你可以访问页面其他的标准组件

DOM是针对xml（html）的基于树的API。

DOM基于树节点（node）的层次。

DOM定义了Node的接口以及许多种节点类型来表示XML节点的多个方面。

DOM的结构应用于HTML中

整个html为document对象，html标签为文档的根节点，html下面有两个子节点，和标签，标签中有一个