第7-2章Javascript_BOM讲述.pptx

浏览器对象模型BOM BOM JavaScript是运行在浏览器中的，因此提供了一系列对象用于与浏览器窗口进行交互。这些对象主要有：window、document、location、navigator和screen等，把它们统称为BOM（Browser Object Model，浏览器对象模型） window对象 window对象对应着Web浏览器的窗口，使用它可以直接对浏览器窗口进行操作。window对象提供的主要功能可以分为以下5类： （1）调整窗口的大小和位置； （2）打开新窗口； （3）系统提示框； （4）状态栏控制； （5）定时操作。 window对象的方法 window对象有如下4个方法用来调整窗口的位置或大小。 （1）window.moveBy(dx, dy) 该方法将浏览器窗口相对于当前的位置移动指定的距离（相对定位），当dx和dy为负数时则向反方向移动。 （2）window.moveTo(x, y) 该方法将浏览器窗口移动到屏幕指定的位置（x、y处）（绝对定位）。同样可使用负数，只不过这样会把窗口移出屏幕。 （3）window.resizeBy(dw, dh) 相对于浏览器窗口的当前大小，把宽度增加dw个像素，高度增加dh个像素。两个参数也可以使用负数来缩小窗口。 （4）window.resizeTo(w, h) 把窗口大小调整为w像素宽，h像素高，不能使用负数。 window.open 打开新窗口 用法：window.open([url] [, target] [, options]) options参数可能的选项包括： （1）height: 窗口的高度，单位为像素； （2）width：窗口的宽度，单位为像素； （3）left：窗口的左边缘位置； （4）top：窗口的上边缘位置； See more in 《常用弹出窗口-window.showModalDialog与window.open 用法.doc》 Sample: 7-4-18打开新窗口.html 打开模态或非模态对话框.html 系统对话框 （1）window.alert([message]) alert()方法前面已经反复使用，它只接受一个参数，即弹出对话框要显示的内容。调用alert()语句后浏览器将创建一个单按钮的消息框。 alert(111); alert(“ada” + 123）; （2）window.confirm([message]) 该方法将显示一个确认提示框，其中包括“确定”和“取消”按钮。 用户单击“确定”按钮时，window.confirm返回true；单击“取消”按钮时，window.confirm返回false。例如： if (confirm(确实要删除这张图片吗？)) alert(图片正在删除…); else alert(已取消删除！); （3）mpt([message] [, default]) 该方法将显示一个消息提示框，其中包含一个文本输入框。输入框能够接受用户输入参数，从而实现进一步的交互。该方法接受两个参数，第一个参数是显示给用户的文本，第二个参数为文本框中的默认值（可以为空）。整个方法返回字符串，值即为用户的输入。例如： script language=JavaScript type=text/javascript var nInput=prompt(请输入你的名字,); if(nInput!=null) document.write(Hello! +nInput); /script status属性 状态栏控制（status属性） 浏览器状态的显示信息可以通过window.status属性直接进行访问或修改。例如： window.status=看看状态栏中的文字变化了吗？; history属性 浏览器后退和前进（history属性） window还有一个非常实用的属性是history。它可以访问历史页面，但不能获取到历史页面的URL，如果希望浏览器返回前一页可以使用如下代码： window.history.go(-1); 如果希望前进一页，只需要使用正数1即可，代码： window.history.go(1); 如果希望刷新显示当前页，则使用0即可，代码如下： window.history.go(0); Sample: history_test1~3.html 上面三句的效果还可以分别用back()和forward()实现，代码如下： window.history.back(); window.history.forward(); location.reload(); 或 window.location.reload(); 定时操作函数 定时操作通常有两种使用目的： 一