一、实验目的
理解window对象
控制窗口、框架和弹出窗口
掌握window对象的使用方法
二、预习内容及要求(要求写出预习内容)
window 对象
moveBy(x, y) 函数: 从当前位置水平移动窗体x个像素,垂直移动窗体y个像素,x为负数,将向左移动窗体,y为负数,将向上移动窗体
moveTo(x, y) 函数: 移动窗体左上角到相对于屏幕左上角的(x,y)点,当使用负数做为参数时会吧窗体移出屏幕的可视区域
resizeBy(w, h) 函数: 相对窗体当前的大小,宽度调整w个像素,高度调整h个像素。如果参数为负值,将缩小窗体,反之扩大窗体
resizeTo(w, h) 函数: 把窗体宽度调整为w个像素,高度调整为h个像素
scrollTo(x, y) 函数: 在窗体中如果有滚动条,将横向滚动条移动到相对于窗体宽度为x个像素的位置,将纵向滚动条移动到相对于窗体高度为y个像素的位置
scrollBy(x, y) 函数: 如果有滚动条,将横向滚动条移动到相对于当前横向滚动条的x个像素的位置(就是向左移动x像素),将纵向滚动条移动到相对于当前纵向滚动条高度为y个像素的位置(就是向下移动y像素)
focus() 函数: 使窗体或控件获取焦点
blur() 函数: 与focus函数相反,使窗体或控件失去焦点
open(url, name, features, replace) 函数: 打开(弹出)一个新的窗体
url -- 要载入窗体的URL
name -- 新建窗体的名称(也可以是HTML target属性的取值,目标)
features -- 代表窗体特性的字符串,字符串中每个特性使用逗号分隔
replace -- 一个布尔值,说明新载入的页面是否替换当前载入的页面,此参数通常不用指定
close() 函数: 关闭窗体
opener 属性: 对新建窗体的引用
alert(str) 函数: 弹出消息对话框(对话框中有一个OK按钮)
confirm(str) 函数: 弹出消息对话框(对话框中包含一个OK按钮与Cancel按钮)
prompt(str1, str2) 函数: 弹出消息对话框(对话框中包含一个OK按钮、Cancel按钮与一个文本输入框)
defaultStatus 属性: 改变浏览器状态栏的默认显示(当状态栏没有其它显示时),浏览器底部的区域称为状态栏,用于向用户显示信息
status 属性: 临时改变浏览器状态栏的显示,浏览器底部的区域称为状态栏,用于向用户显示信息
setTimeout(codes, interval) 函数: 暂停指定的毫秒数后执行指定的代码
clearTimeout(id) 函数: 取消指定的setTimeout函数将要执行的代码
setInterval(codes, interval) 函数: 间隔指定的毫秒数不停地执行指定的代码
clearInterval(id) 函数: 取消指定的setInterval函数将要执行的代码
history 对象:
go() 函数
back() 函数
forward() 函数
location 对象
hash 属性: 返回URL#后面的内容,如果没有#,返回空
host 属性: 返回URL中的域名部分,例如www.baidu.com
hostname 属性: 返回URL中的主域名部分,例如dreamdu.com
href 属性: 返回或设置当前文档的URL
pathname 属性: 返回URL的域名后的部分。例如 http://www.baidu.com/xhtml/ 返回/xhtml/
port 属性: 返回URL中的端口部分。例如 http://www.baidu.com:8080/xhtml/ 返回8080
protocol 属性: 返回URL中的协议部分。例如 http://www.baidu.com:8080/xhtml/ 返回(//)前面的内容http:
search 属性: 返回URL中的查询字符串部分。例如 http://www.baidu.com/baidu.php?id=5&name=baidu 返回包括(?)后面的内容?id=5&name=baidu
assign(url) 函数: 设置当前文档的URL
replace(url) 函数: 设置当前文档的URL,并且在history对象的地址列表中移除这个URL
reload(isServer) 函数: 重载当前页面
参数说明
isServer -- true时从服务器端重新下载页面,否则只从本地浏览器缓存中重载
不使用参数时,默认为false,从本地浏览器缓存中重载
navigator 对象
userAgent 属性: 返回用户代理头的字符串表示(就是包括浏览器版本信息等的字符串)
cookieEnabled 属性: 返回浏览器是否支持(启用)cookie
screen 对象
availHeight 属性: 返回窗口可以使用的屏幕高度,单位像素
availWidth 属性: 返回窗口可以使用的屏幕宽度,单位像素
colorDepth 属性: 返回用户浏览器表示的颜色位数,通常为32位(每像素的位数)
pixelDepth 属性: 返回用户浏览器表示的颜色位数,通常为32位(每像素的位数)(IE不支持此属性)
表单对象
表单中的各种元素创建
预习内容及要求
点击按钮设置或移除以上链接的焦点
三、实验内容、操作过程及实验结果记录
1. 在html中使用BOM对象示例,注意其中的οnclick= " "动作,可以插入javascript代码或函数。测试以下代码,并基于该代码完成下面练习。
第一题
2. 编写代码,可以通过参数设置,控制当前浏览器窗口,使之能够上下左右移动,放大、缩小。
第二题
3. 编写代码,当点击按钮时,能够在新窗口打开一个网址,之后用代码关闭这个新窗口。
第三题
4. 编写代码,点击按钮之后,将每隔10秒钟弹出一个对话框,弹出5次后结束
第四题
5.编写代码,实现如下效果:
第五题
一分钟倒计时:


