首页 > 代码库 > BOM知识点笔记

BOM知识点笔记

2024-07-05 11:19:22   230人阅读

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)等于刷新页面


联系
我们