javascript课件第七章.ppt

1、JavaScript程序设计,主讲 李丛,JavaScript对象模型 window对象 frame对象 location对象 history对象 navigator对象 screen对象,JavaScript对象模型,浏览器对象的层次结构,JavaScript对象模型,浏览器对象模型中几个重要的对象 窗口对象（window） 文档对象（document） 表单对象（form） 浏览器对象的属性和方法 对象的属性访问格式: objectNpertyName objectName表示对象名称，propertyName表示该对象的属性名称。 对象的方法访问格式: objectName

2、.methodName(parameterList) objectName为包含所调用代码的对象名称，methodName为调用方法，parameterList为该方法的参数清单。,window对象,window对象 window对象位于浏览器对象模型中的顶层,是所有对象的父类,只 要浏览器一打开,就创建了一个window对象。 window对象的属性 closed:布尔值，用于判断窗口是否被关闭。 defaultStatus:字符串，指定了默认显示在浏览器状态栏中的文本内容。 document:对document对象的应用。 frames :包含了所有在本窗口中的frame对象。 histo

3、ry:对history对象的引用，表示用户浏览器窗口的历史信息。 location:对locaton对象的引用，改变这个属性将导致浏览器加载一个新的文档。 screen:该属性是对screen对象的引用。,window对象,window对象 window对象创建对话框及新窗口的方法(例子见test1.html) alert(message) confirm(question) 该方法产生一个确认对话框,参数question为要在对话框中显示的信息。 prompt() 该方法产生一个提示用户输入信息的对话框 open(url,name,features,replace) url:指定了要在新窗口

4、中显示的文档的URL name:指定了新窗口的名字 features:指定了新窗口要显示的标准浏览器的特性 replace:指定是要在窗口的浏览历史中给装载的新页面的url创建一个新条目，还是用它替换掉浏览历史中的当前条目。,window对象,window对象 window对象的定时器方法 setInterval():该方法设置一个时间间隔，使程序周期性的重复运行某段代码 clearInterval(intervalID):这个方法可以停止周期性的执行某段代码，参数intervalID表示调用setInterval()方法返回的值 setTimeout(code,delay):这个方法将延迟代

5、码的执行，参数code为一个字符串，表示被延迟执行的JavaScript代码；参数delay表示被延迟的时间，以毫秒计。 clearTimeout(timeoutID)：这个方法取消对指定代码的延期执行，参数timeoutID为调用setTimeout()方法返回的值，标识了要取消的延期执行的代码块。 例子见test2.html,frame对象,frame对象创建 框架是Web浏览器窗口中独立的、可以滚动的分块区域，每个框架都可以被看成是独立的窗口，包含自己的URL。 浏览器包含一个顶层的window对象，而每个框架也都有自己的window对象，框架的window对象由浏览器顶层window对

6、象继承而来。 框架语法规则如下：, . ,frame对象,frame对象的属性和方法 frame是由HTML标记语言创建,在JavaScript中引用. 每个框架不过是window对象的一个实例，它们具有的属性、支持的方法和事件处理器都与window对象相同。 frame对象的属性和方法 top属性-通过该属性引用顶层窗口自身; top.close()将顶层窗口 关闭;可以通过使用top.length来得到顶层窗口中含有的框架个数。 parent属性-通过该属性引用父窗口自身; parent.frameName或parent.framesindex查访它的兄弟窗口。,frame对象,frame

7、对象应用举例,frame对象, ,location对象,location对象 location位置对象：用来代表特定窗口的URL信息。 URL格式:protocol/host:port/path#hash?search URL的种类主要有：http、file、ftp、mailto、news,location位置对象的属性说明,location对象,location对象,location位置对象的方法,比如，要实现当按下一个按钮后前往网易网站，那么使用下面的代码,举例:见location.html,history对象,history对象的属性和方法 history历史对象的属性 history历史对象的方法,见history1.html