码迷,mamicode.com
首页 > 其他好文 > 详细

BOM知识点笔记

时间:2014-05-21 13:34:55      阅读:271      评论:0      收藏:0      [点我收藏+]

标签:bom   浏览器对象模型   黄艺斌   html5自由者   javascript   

Window 对象常见属性
innerHeight  当前窗口文档显示区域的高(这里的宽度和高度不包括菜单栏、工具栏以及滚动条等的高度。

innerWidth   当前窗口文档显示区域的宽(这里的宽度和高度不包括菜单栏、工具栏以及滚动条等的高度。

outerHeight  当前窗口文档(包含菜单栏、控制台、边框)的高

outerWidth   当前窗口文档(包含边框、滚动条)的宽

window对象常见方法
clearInterval()  setInterval()  setTimeout() cleatTimeout()  art() confirm()  prompt()

close()                关闭浏览器窗口
open ()                  打开指定的URL
resizeBy (width,height) 调整指定大小
resizeTo(width,height)  调整大小至 —— 谷歌禁用这一方法  IE可以用,防止被恶意改变大小
scrollBy(x,y)          相对滚动像素,如当前为(500,600),则scrollBy(-100,-100)表示往上滚动(100,100),如果正数表往下
scrollTo(x,y)          绝对位置,以文档左上角为(0,0)的x,y坐标,用于回到顶部功能,scrollTo(0,0); 回到最顶部
moveBy(x,y)            将窗口上移,下移,左移,右移指定数量的像素
moveTo(x,y)            将窗口的左上角移动到指定的坐标

【注意】By是相对,To的绝对
	<script>
		window.onload = function () {
			timer = window.setInterval(jump,1000);
		}
		function jump() {
			window.resizeTo(200,200);
			x = Math.ceil(Math.random()*1000);
			y = Math.ceil(Math.random()*600);
			window.moveTo(x,y);
		}
	</script>
History对象常见方法
back() 加载history列表中的前一个URL

forward 访问下一个URL

go():① history.go(1) 等价于 history.forward()  ② history.go(-1) 等价于 history.back() ③ history.go(0)等于刷新页面

BOM知识点笔记,布布扣,bubuko.com

BOM知识点笔记

标签:bom   浏览器对象模型   黄艺斌   html5自由者   javascript   

原文地址:http://blog.csdn.net/html5_/article/details/26453757

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!