二阶段 core-day05

47 阅读1分钟

一、BOM:Browser Object Model - 浏览器对象模型,专门用于操作浏览器的,它的东西都不需要创建直接使用

二、window对象:

属性:

	1、获取浏览器的完整的大小:outerWidth/Height;
	2、*获取浏览器的文档显示区域的大小:innerWidth/Height;
	3、屏幕大小:screen.width/height;

方法:

	1、*打开窗口/链接:var newW=open("url网址","target/自定
            义","width=300,height=300,left=300,top=300");
	2、关闭窗口:window/newW.close();
	3、移动窗口的位置:newW.moveTo(新X,新Y);
	4、修改窗口的大小:newW.resizeTo(新宽,新高);
	5、*三种弹窗框:
		1、警告框:alert();
		2、输入框:prompt();
		3、确认框:confirm();
	6、*三种时间:
		1、加载事件:onload
		2、修改浏览器尺寸事件:onresize
		3、***滚动事件:onscroll=function(){
				1、获取滚动条当前的位置:this.scrollY;
				2、获取xx元素距离页面顶部有多远:elem.offsetTop;
			       }
	7、*****定时器
	8、*****客户端的存储技术 - 本地存储:
		webStorage:sessionStorage(会话级) 和 localStorage(本地级)
		添加:xxxStorage.属性名="属性值";
		获取:xxxStorage.属性名;
		删除:xxxStorage.removeItem("属性名");
		清空:xxxStorage.clear();