4.6 使用浏览器对象
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
4
Window 对象的集合 集合 描述
返回窗口中所有命名的框架。 该集合是 Window 对象的数组，每个 Window 对象在窗口中含有一个框架或 <iframe>。属性 frames.length 存放数组 frames[ ] 中含有的元素个数。注意，frames[ ] 数组中引用的框架可能还包括框架，它们自 己也具有 frames[ ] 数组。
document 对象的集合 document 对象的属性
document 对象的方法
21
document 对象的集合
集合
alຫໍສະໝຸດ Baidu[ ] anchors[ ]
描述
提供对文档中所有 HTML 元素的访问 返回对文档中所有 Anchor 对象的引用
applets
forms[ ] images[ ] links[ ]
对于window对象的使用，主要集中在窗口的打开和关闭、 窗口状态的设置、定时执行程序以及各种对话框的使用 等四个方面。 在JavaScript中可直接引用window对象的属性和方法， 如: alert(“直接引用方式”); //window对象是顶层对象， 可 以直接引用其属性和方法 window. alert(“标准引用方式");
17
History 对象属性和方法
属性/方法 length back() forward() go() 描述 返回浏览器历史列表中的 URL 数量 加载 history 列表中的前一个 URL 加载 history 列表中的下一个 URL 加载 history 列表中的某个具体页面
18
4.6.2 文档(DOCUMENT)对象
1
4.6 使用浏览器对象
1 窗口(WINDOW)对象 文档(DOCUMENT)对象 表单(FORM)对象
2
3
2
4.6.1 窗口(WINDOW)对象
1. window对象的属性和方法
2. 打开和关闭窗口
3. 使用定时器 4. 页面跳转
3
4.6.1.1 window对象的属性和方法
窗口(window)对象处于对象层次的顶端，它提供了处理 浏览器窗口的方法和属性。
13
4.6.1.4 页面跳转
例4.6.4(选择跳转)，设计一个页面，它将根据用户屏
幕的分辨率而显示不同的页面。
<HTML><HEAD><TITLE>根据屏幕分辨率跳转</TITLE> <SCRIPT language="javascript"> if (screen.height<=600 || screen.width<=800) {//转去显示为普通显示器设计的页面 location.href = "http://www.163.com"; } </SCRIPT> </HEAD> <BODY> <P>请设定屏幕分辨率！</P> </BODY></HTML>
16
4.6.1.4 页面跳转
例4.6.5(历史跳转)，设计一个页面，浏览器执行它
时将显示原来的页面。
<HTML><HEAD><TITLE>使用历史对象</TITLE> <SCRIPT language="javascript"> history.back();
</SCRIPT>
</HEAD> <BODY> <P>通常，看不至本页内容。</P> </BODY></HTML>
moveBy(offsetx，offsety) moveTo(x，y)
将窗口移动指定的位移量 把窗口的左上角移动到一个指定的坐标。
8
创建一个新的浏览器窗口，并在新窗口中载入一 open(URL，name,features) 个URL指定的页面。其中features是可选项，选 择它，可以指定创建窗口的大小和外观。 print() prompt(msg，deaultmsg) resizeBy(offsetx， offsety) resizeTo(x，y) scrollBy(offsetx， offsety) scrollTo(x，y) setInterval(exp，time) 打印当前窗口的内容。 显示可提示用户输入的对话框。 按照指定的像素调整窗口的大小。 把窗口的大小调整到指定的宽度和高度。 按照指定的像素值来滚动窗口 把窗口滚动到指定的坐标 设置一个时间间隔，使exp表示的代码可以周期 性地被执行 设置在一定时间后自动执行exp中的代码，使用 time来设置时间，以毫秒为单位
setTimeout(exp，time)
<HTML><HEAD><TITLE>打开和关闭窗口</TITLE> <SCRIPT language="javascript"> var newwin; 4.6.1.2 打开和关闭窗口 function opennewwin() { 通过脚本可以打开新窗口，也可以关闭窗口。 newwin=open("http://www.cuit.edu.cn/","myWindow", "height=100,width=400,top=10,left=0,toolbar=no,menubar=no," + 例4.6.1，设计一个有三个超链接的页面，单击这些 "scrollbars=no,resizable=no,location=no,status=no"); 链接时分别打开和关闭新窗口，以及关闭本身窗口。 } function closenewwin() { newwin.close(); } </SCRIPT> </HEAD> <BODY> <P><A href="javascript:opennewwin()">打开新窗口</A></P> <P><A href="javascript:closenewwin()">关闭新窗口</A></P> <P><A href="javascript:close()">关闭本窗口</A></P> </BODY></HTML>
frames[ ]
5
Window 对象属性
属性
closed
描述
返回窗口是否已被关闭，为布尔值。
defaultStatus 设置或返回窗口状态栏中的默认文本。
document
history length
当前窗口中显示的当前文档对象。
当前窗中的历史记录。 设置或返回窗口中的框架的个数。
location
11
4.6.1.4 页面跳转
在HTML文档中，可以通过脚本控制窗口显示特定的页 面。
自动跳转
选择跳转
历史跳转
12
4.6.1.4 页面跳转
例4.6.3(自动跳转)，设计一个页面，当这个页面显 示后5秒将自动显示另一个页面。
<HTML><HEAD><TITLE>页面自动跳转</TITLE> <SCRIPT language="javascript"> var timeout; function window_onload() { timeout=setTimeout("navigate('http://www.w3school.com. cn/');",5000); } </SCRIPT> </HEAD> <BODY onload="window_onload()"> </BODY></HTML>
返回对文档中所有 Applet 对象的引用
9
<HTML><HEAD><TITLE>在状态栏中滚动显示</TITLE> 10 <SCRIPT language="javascript"> var msg; 4.6.1.3 使用定时器 msg = "浏览器代码名称:"+navigator.appCodeName+"；"; msg += "浏览器名称:"+navigator.appName+"；"; 使用window对象的定时器机制，可以让一段程序每 msg += "浏览器版本号:"+navigator.appVersion+"；"; msg += "是否支持Java:"+navigator.javaEnabled()+"；"; 隔一段时间就执行一次。 msg += "MIME类型数:"+navigator.mimeTypes.length+"；"; 例4.6.2 (滚动显示)，在浏览器窗口的状态栏中滚动显 msg += "操作系统平台:"+navigator.platform+"；"; msg += "插件数:"+navigator.plugins.length+"；"; 示一次当前浏览器的信息 function ShowMsg() { status = msg; msg = msg.substr(1); if (msg=="") clearInterval(); } setInterval("ShowMsg()",200); </SCRIPT> </HEAD> <BODY></BODY></HTML>
1. document对象的属性和方法
2. 使用all属性访问HTML元素
19
4.6.2 文档(DOCUMENT)对象
通过document对象可以访问HTML文档包含的任何 HTML元素，如各种表格、表单、图像、超链接等。 所有HTML元素在文档对象模型中都表现为一个对象。
20
4.6.2.1 document对象的属性和方法
描述
返回显示屏幕的高度 (除 Windows 任务栏之外)
返回显示屏幕的宽度 (除 Windows 任务栏之外) 设置或返回调色板的比特深度 返回目标设备或缓冲器上的调色板的比特深度 返回显示屏幕的每英寸水平点数 返回显示屏幕的每英寸垂直点数 返回用户是否在显示控制面板中启用了字体平滑 返回显示屏幕的像素高度。 返回显示屏幕每英寸的水平方向的常规点数 返回显示屏幕每英寸的垂直方向的常规点数 设置或返回屏幕的刷新率。 返回显示器屏幕的像素宽度。
name
用于窗口或框架的 Location 对象。
设置或返回窗口的名称。
Navigator opener
表示浏览器对象，用于获得与浏览器相关的信息。 表示打开当前窗口的父窗口。
6
parent
Screen
表示包含当前窗口的父窗口。
表示用户屏幕，提供屏幕尺寸、颜色深度等信息。 返回对当前窗口的引用，等价于 Window 属性。 设置窗口状态栏的文本。 返回一系列嵌套的浏览器中的最顶层的窗口。 window 属性等价于 self 属性，它包含了对窗口 自身的引用。
15
Location 对象的属性和方法
属性/方法
hash host hostname href pathname port protocol search assign() reload() replace()
描述
设置或返回从井号 (#) 开始的 URL（锚） 设置或返回主机名和当前 URL 的端口号 设置或返回当前 URL 的主机名 设置或返回完整的 URL 设置或返回当前 URL 的路径部分 设置或返回当前 URL 的端口号 设置或返回当前 URL 的协议 设置或返回从问号 (?) 开始的 URL（查询部分） 加载新的文档 重新加载当前文档 用新的文档替换当前文档
clearTimeout()
close() confirm(msg) navigate(URL） createPopup()
取消由 setTimeout() 方法设置的定时操作
关闭一个浏览器窗口 显示带有一段消息以及确认按钮和取消按钮 的对话框。 使窗口显示URL指定的页面 创建一个 pop-up 窗口
self
status top
window screenLeft screenTop
只读整数。声明了窗口的左上角在屏幕上的的 x 坐标和 y 坐标。
7
Window 对象方法
方法
alert(msg) blur() focus() clearInterval()
描述
显示带有一段消息和一个确认按钮的警告框 将被引用窗口放在所有其他打开窗口的后面 将被引用窗口放在所有其他打开窗口的前面 取消由 setInterval() 设置的 定时操作
14
Screen 对象的属性和方法 属性
availHeight
availWidth bufferDepth colorDepth deviceXDPI deviceYDPI fontSmoothingEnabled height logicalXDPI logicalYDPI updateInterval width