js中的Bom对象模型
2024-10-19 06:29:11
Bom可以对浏览器的窗口进行访问和操作.使用Bom,开发者可以移动窗口,改变状态栏中的文本以及执行其他与页面内容不直接相关的动作.
window对象:
1.窗口操作
其中moveTo,moveBy是窗口的移动,resizeTo,resizeBo是设置窗口的大小,scrollTo,scrollBy是设置滚动条每次滚动的位置.
打开和关闭新窗口:
openBtn.onclick = function() {
newWindow = window.open("./test.html", "_blank", "width=300px, height=300px, left=500px, top=300px, toolbar=no")
}; closeBtn.onclick = function() {
newWindow.window.close();
}; 时间间隔和暂停: 时间间隔:
setInterval
暂停:
window.clearInterval
示例:
start.onclick = function() {
// 3. 设置定时器
times = setInterval(function() {
window.scrollBy(0, 5);
}, 40);
};
stop.onclick = function() {
//4. 清除定时器
window.clearInterval(times);
}; setTimeOut:只在时间间隔后执行一次操作 下面附上一个倒计时的例子:
历史记录:
history.go()
括号中的参数可以是1,-1
history.go(1)表示前进一页.相当于history.forward()
history.go(-1)表示后退一页,相当于history.back()
location:
location对象表示载入窗口的URL,此外,他还可以解析URL
1.hash:返回URL中#之后的部分
2.host:返回服务器的名字
3.href:当前载入页面完整的URL
4.search:执行GET请求的URL中的问号后面的部分
location对象有一个reload方法:可重新载入当前页面(刷新).
reload为false,从缓存中载入,reload为true,从服务器端载入,省略参数,默认为false
screen对象:
window.screen.availWidth+" "+window.screen.availheight (窗口可以事情的屏幕的宽度和高度)
window.screen.Width+" "+window.screen.height (屏幕的宽度和高度)
确定新窗口的大小时,availHeight和availWidth属性非常有用
最新文章
- javax.el.PropertyNotFoundException:
- 泛型(Generic)
- windows进程/线程创建过程 --- windows操作系统学习
- 使用HQL语句的按照参数名字查询数据库信息的时候 “=:”和参数之间不能存在空格,否则会报错
- js 金额格式化
- 技术小白:Hadoop 到底是啥?
- .NET软件开发资源
- iOS UIActivityIndicatorView 的使用
- Android查看stdout 和stderr
- Python可视化:Seaborn库热力图使用进阶
- 深度学习系列 Part (2)
- PHP面向对象编程基本原则
- BZOJ4554: [Tjoi2016&;Heoi2016]游戏 luoguP2825 loj2057
- My操作小技巧
- jQuery-4.动画篇---上卷下拉效果
- Flutter 常用命令
- Python递归函数介绍
- idea2018+maven+web新手maven指南
- 还在为工作发愁?学JavaScript吧
- oracle 数据库中(创建、解锁、授权、删除)用户