第5章 浏览器对象_PPT教学课件
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
第4章 浏览器对象
2020/12/10
1
浏览器对象
Navigator对象：封装了浏览器的相应信息 Window对象：封装了有关窗口的属性和窗口操作 Frame对象：在浏览器中使用多个窗口时使用该对象 Location对象：包含基于当前URL的信息 History对象：包含浏览器的浏览的历史信息 Document对象：代表当前的HTML文档 Form对象：包含表单的属性和操作 Anchor对象：包含页面中锚点的信息
2020/12/10
5
appCodeName appName appVersion cookieEnabled onLine platform userAgent javaEnabled
2020/12/10
浏览器程序的程序代码名称 浏览器程序名称 浏览器版本及OS名称 支持Cookie否 系统当前在线否 OS的平台 以字符串表示的完整的浏览器版本信息 返回逻辑值，表示可否使用Java
6
4.1.2 Window对象
1、与对话框有关的方法： alert（字符串）：字符串为显示于对话框中的内容，
无返回值 confirm（字符串）：字符串为显示于对话框中的内
容，返回值为true或false Prompt（字符串1，字符串2）：字符串1为显示于对
话框中的内容，字符串2为输入框的默认内容。返回值 为输入的内容或null。
2020/12/10
7
window.alert ("hello,world!") window.confirm ("hello,world!") window.prompt ("please input you name:","guest")
2020/12/10
8
2.与浏览器状态栏有关的属性 status：浏览器当前状态栏显示的内容 defaultStatus：浏览器状态栏显示的默认值
//--> </script>
</head><body> <a href=“open.htm” onclick=“openwin()”>open
</body>
2020/12/10
11
弹出的窗口之定时关闭控制 再将一小段代码加入弹出的页面(注意是加入到open.html 的HTML中，可不是主页面中)，让它5秒后自动关闭. <head> <script language="javascript"> function closeit() { setTimeout("self.close()",5000) } </script> </head><body> <body onload="closeit()"> </body>
于“激活”状态，focus使窗口获得焦点处于激活状态。 blur：使窗口失去焦点
na.focus；na.blur
2020/12/10
2
浏览器对象
Window
Navigatoor
Frame
Document Location
History
Anchor Applet Area
Form Image
Link
Textarea Button Checkbox Hidden Password Radio Reset Select Submit Text
<script > status ="hello,world"
</script> <a href =“” onmouseover =“status=‘网易'; return true">163Fra Baidu bibliotek/a>
2020/12/10
9
3.与窗口生成、撤销有关的方法 open：生成一个新窗口 open（“url”，“窗口名称”[，“窗口属性”]）
2020/12/10
12
close：关闭窗口
na.close
在弹出窗口中加上一个关闭按钮
<FORM> <INPUT TYPE='BUTTON' value='关闭' onClick='window.close()'> </FORM>
4.与窗口焦点有关的方法 focus：支持多窗口操作的系统在任何时刻只有一个窗口处
width
窗口的长度
height
窗口的高度
toolbar 是否显示标准工具栏， 0/1或no/yes
location 是否显示定位栏，0/1或no/yes
status
是否显示状态栏， 0/1或no/yes
menubar 是否显示菜单栏， 0/1或no/yes
srcollbars 是否显示滚动条， 0/1或no/yes
re2s02i0z/1a2b/1l0e 是否允许用户改变窗口大小， 0/1或no/yes 10
主窗口打开文件，同时弹出小窗口open.htm
<head>
<script language="javascript"> <!--
function openwin() { window.open(“open.htm","","width=200,height=200") }
2020/12/10
4
4.1.1、 Navigator对象
Navigator对象包含正在使用的浏览器版本信息，主要用途 是判别客户浏览器的类别，以便针对不同的浏览器设置显示 的样式。
<script > document.write ("<table border=1>") for(i in navigator) {document.write ("<tr>") document.write ("<td>navigator." +i+": ") document.write ("<td>"+navigator[i]+"<br>")} document.write ("</table>") </script>
2020/12/10
3
浏览器对象
Navigator对象：封装了浏览器的相应信息 Window对象：封装了有关窗口的属性和窗口操作 Frame对象：在浏览器中使用多个窗口时使用该对象 Location对象：包含基于当前URL的信息 History对象：包含浏览器的浏览的历史信息 Document对象：代表当前的HTML文档 Form对象：包含表单的属性和操作 Anchor对象：包含页面中锚点的信息
2020/12/10
1
浏览器对象
Navigator对象：封装了浏览器的相应信息 Window对象：封装了有关窗口的属性和窗口操作 Frame对象：在浏览器中使用多个窗口时使用该对象 Location对象：包含基于当前URL的信息 History对象：包含浏览器的浏览的历史信息 Document对象：代表当前的HTML文档 Form对象：包含表单的属性和操作 Anchor对象：包含页面中锚点的信息
2020/12/10
5
appCodeName appName appVersion cookieEnabled onLine platform userAgent javaEnabled
2020/12/10
浏览器程序的程序代码名称 浏览器程序名称 浏览器版本及OS名称 支持Cookie否 系统当前在线否 OS的平台 以字符串表示的完整的浏览器版本信息 返回逻辑值，表示可否使用Java
6
4.1.2 Window对象
1、与对话框有关的方法： alert（字符串）：字符串为显示于对话框中的内容，
无返回值 confirm（字符串）：字符串为显示于对话框中的内
容，返回值为true或false Prompt（字符串1，字符串2）：字符串1为显示于对
话框中的内容，字符串2为输入框的默认内容。返回值 为输入的内容或null。
2020/12/10
7
window.alert ("hello,world!") window.confirm ("hello,world!") window.prompt ("please input you name:","guest")
2020/12/10
8
2.与浏览器状态栏有关的属性 status：浏览器当前状态栏显示的内容 defaultStatus：浏览器状态栏显示的默认值
//--> </script>
</head><body> <a href=“open.htm” onclick=“openwin()”>open
</body>
2020/12/10
11
弹出的窗口之定时关闭控制 再将一小段代码加入弹出的页面(注意是加入到open.html 的HTML中，可不是主页面中)，让它5秒后自动关闭. <head> <script language="javascript"> function closeit() { setTimeout("self.close()",5000) } </script> </head><body> <body onload="closeit()"> </body>
于“激活”状态，focus使窗口获得焦点处于激活状态。 blur：使窗口失去焦点
na.focus；na.blur
2020/12/10
2
浏览器对象
Window
Navigatoor
Frame
Document Location
History
Anchor Applet Area
Form Image
Link
Textarea Button Checkbox Hidden Password Radio Reset Select Submit Text
<script > status ="hello,world"
</script> <a href =“” onmouseover =“status=‘网易'; return true">163Fra Baidu bibliotek/a>
2020/12/10
9
3.与窗口生成、撤销有关的方法 open：生成一个新窗口 open（“url”，“窗口名称”[，“窗口属性”]）
2020/12/10
12
close：关闭窗口
na.close
在弹出窗口中加上一个关闭按钮
<FORM> <INPUT TYPE='BUTTON' value='关闭' onClick='window.close()'> </FORM>
4.与窗口焦点有关的方法 focus：支持多窗口操作的系统在任何时刻只有一个窗口处
width
窗口的长度
height
窗口的高度
toolbar 是否显示标准工具栏， 0/1或no/yes
location 是否显示定位栏，0/1或no/yes
status
是否显示状态栏， 0/1或no/yes
menubar 是否显示菜单栏， 0/1或no/yes
srcollbars 是否显示滚动条， 0/1或no/yes
re2s02i0z/1a2b/1l0e 是否允许用户改变窗口大小， 0/1或no/yes 10
主窗口打开文件，同时弹出小窗口open.htm
<head>
<script language="javascript"> <!--
function openwin() { window.open(“open.htm","","width=200,height=200") }
2020/12/10
4
4.1.1、 Navigator对象
Navigator对象包含正在使用的浏览器版本信息，主要用途 是判别客户浏览器的类别，以便针对不同的浏览器设置显示 的样式。
<script > document.write ("<table border=1>") for(i in navigator) {document.write ("<tr>") document.write ("<td>navigator." +i+": ") document.write ("<td>"+navigator[i]+"<br>")} document.write ("</table>") </script>
2020/12/10
3
浏览器对象
Navigator对象：封装了浏览器的相应信息 Window对象：封装了有关窗口的属性和窗口操作 Frame对象：在浏览器中使用多个窗口时使用该对象 Location对象：包含基于当前URL的信息 History对象：包含浏览器的浏览的历史信息 Document对象：代表当前的HTML文档 Form对象：包含表单的属性和操作 Anchor对象：包含页面中锚点的信息