1. window 和document 对象
浏览器每次加载和显示页面时,都在内存里创建页面及其全部元素的一个内部表示体系,也就是DOM。在DOM 里,页面的元素具有一个逻辑化、层级化的结构,就像一个由父对象和子对象组成的树形结构。这些对象及其相互关系构成了Web 页面及显示页面的浏览器的抽象模型。每个对象都有“属性”列表来描述它,而利用JavaScript可以使用一些方法来操作这些属性。
这个层级树的最顶端是浏览器window对象,它是DOM 树里一切对象的根。window对象具有一些子对象,如图下图所示。图中第一个子对象是document,这也是最经常使用的对象。浏览器加载的任何HTML页面都会创建一个document对象,包含全部HTML内容及其他构成页面显示的资源。利用JavaScript以父子对象的形式就可以访问这些信息。这些对象都具有自己的属性和方法。
2. DOM对象和内置对象
2.1 alert()
alert() 没有返回值,向用户弹出一个对话框。
2.2 confirm()
confirm() 对话框为用户提供了一个选择,可以点击“确定”或者“取消”按钮。点击任意一个按钮都会关闭对话框,让脚本继续执行,但根据哪个按钮被单击,confirm()方法返回不同的值。单击“确定”返回布尔值“真”,单击“取消”返回布尔值“假”。
2.3 prompt()
prompt() 是打开模态对话框的另一种方式,它允许用户输入信息。使用示例:
var name =prompt(“what is your name?”);
prompt() 方法还可以有第二个可选参数,表示默认的输入内容,从而避免用户直接点击“确定”而不输入任何内容。如,
var name = prompt(“what is your name?”,”J