6Javascript浏览器对象和处理.pptVIP

history对象 history.back()回到上一页重新浏览。无参数。 history.forword()回到刚才浏览过的网页重新浏览。无参数。 history.go()在网页中任意转移。可以带参数，0为当前网页重新读取，1为回到下一页，-1为返回到上一页。 location对象 location.reload()当前网页将被浏览器重新读取一次，相当于刷新网页。 location.replace(‘新网页名’)当前网页将被链接到新网页。 image对象 document.images[index].border表示某图片外围的边界宽度。 document.images[index].width表示某图片的宽度。 document.images[index].height表示某图片的高度。 document.图片名.属性名表示某图片的名称。可以通过该图片的名称对图片进行操作。只可以读取。 document.images[index].src表示某图片的读取。通过改变图片的文件名，可以达到动态改变图片的效果。可以修改。 例 form name=”abc” input type=text name=”dd” input type=password name=”ee” input type=button name=”ff” value=”ok” /form 在第一个文本框里输入的数据可表示为：document.abc.dd.value 在第二个密码框里输入的数据可表示为：document.abc.ee.value 在按钮上显示的数据可表示为：document.abc.ff.value 例 form name=”ss” select name=”sel” option value=”sel1”one option value=”sel2”two /select /form 则读取document.ss.sel.options[0].text等于one text：可读写,表示该选项的叙述文字，作用等同在option卷标后的文字。 ? * * * * * * * 学习目标 了解文档对象模型 掌握浏览器对象使用方法 掌握常见事件 文档对象模型(DOM) 什么是文档对象模型 为了方便组织众多的对象,可以将不同的对象进行归类, 使之形成一整套类似于树行结构的模型 浏览器对象就是具有树行结构模型的对象 其结构如下: Window对象 Window对象 文档对象模型层次图的最高层就是windows对象 窗口对象 var 窗口对象名 = window.open(“网页名”,”窗口名字”,”窗口属性”) 常见窗口属性: Window对象 Window对象 window.defaultStatus=某变量值设定状态栏所显示信息。其意义是当整个网页都读取完毕之后，状态栏所显示文字。 window.status=某变量值设定状态栏所显示信息。但意义和上面的相区别，不再是永久性的状态栏所显示的文字，其值将在网页的读取过程中可以随时改变该属性。 window.location=”” 改变浏览器的链接。 window.status等价于self.status表示浏览器本身即当前窗口window对象。 Window对象 Window对象的主要方法: open()和close():开,关一个窗口，关闭当前窗口如：window.close() alert(警告话):弹出警告对话框 confirm(“提示字符串”):弹出带有OK和cancle按钮的对话框，带返回值 prompt(“提示字符串”,”默认值”):弹出带有一个输入文本框的对话框，带返回值 Window对象 Window对象的主要方法: window.navigate(“网页地址”) 改变当前窗口所链接的网页地址。 ID=setTimeout(函数名称，时间间隔) 经过一段时间间隔自动执行函数。 window.moveTo(x坐标,y坐标) 将浏览器窗口的左上角直接移动到某指定位置。 window.resizeBy(水平距离,垂直距离) 改变当前窗口的大小，包括水平及垂直距离。 window.resizeTo(宽度,高度) 设定当前窗口的大小。 Window对象 Window对象的主要事件: 1 onLoad 当该网页被用户端的浏览器所读取的时候发生的事件。一般放在body卷标中，如下： body onload=”functionname()” 表示当该网页被用户端的浏览器一旦读取时，就执行该函数程序。 2 onUnLoad 当该网页被用户关闭整个浏览器窗口的时候发生的事件。一般放在body卷标中，如下： body onunload=”functionname()” 表示当该网页