5.BOM浏览器对象

1.浏览器对象模型(Browser Object Model)尚无正式标准。

由于现代浏览器已经(几乎)实现了 JavaScript 交互性方面的相同方法和属性,因此常被认为是 BOM 的方法和属性。

2.window对象的常见方法

			// 这个是做重复任务的
			var timer = window.setInterval(function() { //按照指定的周期(以毫秒计)来调用函数或计算表达式。
				console.info("hehe");
			}, 1000);
			
//			function fn() {
//				console.info("嘿嘿");
//			}
//		
//			// 定时任务
//			setTimeout(fn, 5000);

			setTimeout(function() {
				// clearInterval(id)清除对应的setInterval
				window.clearInterval(timer);
			}, 5000);

			function myClose() {
				window.close(); //关闭浏览器窗口
			}

			function move() {
				window.moveTo(100, 200);    //把窗口的左上角移动到一个指定的坐标。
			}
			
			function move2() {  //可相对窗口的当前坐标把它移动指定的像素。
				moveBy(10, 20);
			}

                     
			function goTop() {
                        window.scrollTo(0, 0)   //把内容滚动到指定的坐标。
            }

			function openWin() {
			    //channelmode=yes|no|1|0 	是否使用剧院模式显示窗口。默认为 no。
                //directories=yes|no|1|0 	是否添加目录按钮。默认为 yes。
                // fullscreen=yes|no|1|0 	是否使用全屏模式显示浏览器。默认是 no。处于全屏模式的窗口必须同时处于剧院模式。
                // height=pixels 	窗口文档显示区的高度。以像素计。
                // left=pixels 	窗口的 x 坐标。以像素计。
                // location=yes|no|1|0 	是否显示地址字段。默认是 yes。
                // menubar=yes|no|1|0 	是否显示菜单栏。默认是 yes。
                // resizable=yes|no|1|0 	窗口是否可调节尺寸。默认是 yes。
                // scrollbars=yes|no|1|0 	是否显示滚动条。默认是 yes。
                // status=yes|no|1|0 	是否添加状态栏。默认是 yes。
                // titlebar=yes|no|1|0 	是否显示标题栏。默认是 yes。
                // toolbar=yes|no|1|0 	是否显示浏览器的工具栏。默认是 yes。
                // top=pixels 	窗口的 y 坐标。
                // width=pixels 	窗口的文档显示区的宽度。以像素计。
	
open("http://www.baidu.com", "_blank", "toolbar=yes, location=yes, directories=no, status=no, menubar=yes, scrollbars=yes, resizable=no, copyhistory=yes, width=400, height=400")
			}

3.history对象

			function gotos() {
				window.history.forward();   //加载 history 列表中的下一个 URL。
			}
			
			function goback() {
				window.history.back();  //加载 history 列表中的前一个 URL。
			}
			
			function gos() {
				/**
				 * go方法的参数
				 * 	如果是正数,表示向前走对应的步数
				 * 	如果是负数,表示向后退对应的步数
				 */
				history.go(-1)
			}

4.screen对象

			// 电脑的分辨率的宽和高
			console.info(window.screen.height)  //返回显示屏幕的高度。
			console.log(screen.width)      //返回显示屏幕的宽度。
			
			console.info(screen.availHeight)    //返回显示屏幕的高度 (除 Windows 任务栏之外)。
			console.info(screen.availWidth)     //返回显示屏幕的宽度 (除 Windows 任务栏之外)。
			
			// 浏览器用户代理对象
			console.info(navigator.userAgent);  //userAgent 属性是一个只读的字符串,声明了浏览器用于 HTTP 请求的用户代理头的值。
			

5.location对象

			setTimeout(function() {
				// 重新加载页面
//				location.reload();
			}, 3000);
			
			/**
			 * hash 设置或返回从井号 (#) 开始的 URL(锚)。 4 1 9 
				host 设置或返回主机名和当前 URL 的端口号。 4 1 9 
				hostname 设置或返回当前 URL 的主机名。 4 1 9 
				href 设置或返回完整的 URL。 4 1 9 
				pathname 设置或返回当前 URL 的路径部分。 4 1 9 
				port 设置或返回当前 URL 的端口号。 4 1 9 
				protocol 设置或返回当前 URL 的协议。 4 1 9 
				search 设置或返回从问号 (?) 开始的 URL(查询部分)。 

			 */
			
			console.info(location.hostname)
			console.info(location.port)
			console.info(location.host)
			console.info(location.href)
			console.info(location.protocol)
			console.info(location.pathname)
			
			console.info(location.hash)
			console.info(location.search)
			
			
			function gotos() {
				location.href = "http://www.baidu.com";
//				location.href = location.href.replace("05")
			}

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值