window 对象
window 对象是全局对象,在使用它的属性和方法时,不需要带window. 可以直接使用其方法和属性。
window 对象的常用方法举例:
1.confirm方法:
用于判断,运行结果:
点击确定按钮:
点击取消按钮:
setInterval函数:
运行结果:
点击确定按钮,每隔一秒钟,弹窗y一次。
设置定时器小闹钟:
1.我们先做出一个时钟:
运行结果:
每秒时钟自动走秒针。
2.设置每10s停止一次:
clearInterval方法:停止setInterval方法返回的Id值
修改后代码:
股票抛售和撤销案例:
setTimeout方法和clearTimeout方法
运行结果:
点击5秒后抛售按钮,在5秒内再点击撤回按钮,则不会触发弹窗 。
窗口的打开和关闭:
window.open和window.close方法:
运行结果:
过5秒就自动关闭了
点击关闭按钮:
就把原页面退出了
利用window对象实现一个简单的登录验证和页面跳转:
1.login.html 登录页面:
2.登录成功后跳转到loginOk页面:
3.时间过后自动跳转的最后的管理 页面 我们随便写几个超链就可以了:
运行结果:
运行login.html:
输入用户名,密码 当输入错误时:
登录正确时(用户名和密码是自己设置的):
总结window对象常用的方法: