JavaScript基础回顾知识点记录8-BOM（基础回顾到此为止）

DOM 和 BOM 的区别？
- BOM(浏览器对象)：与浏览器交互的方法和对象
- DOM(文档对象模型)：处理网页内容的方法和接口
- DOM的最根本的对象是BOM的window对象的子对象document

BOM中提供了一组对象用来对浏览器进行操作

Window：代表整个浏览器的窗口，也是网页中的全局对象

Navigator：代表浏览器的信息，区分不同浏览器

    //用navigator.userAgent判断浏览器信息
			var ua = navigator.userAgent;
			if (/chrome/i.test(ua)) {
				console.log('你是谷歌');
			}

Location：代表当前浏览器的地址信息

刷新当前页面： window.location.reload() (window可省略），reload中有参数，默认为false，表从浏览器缓存中加载页面。 true表示从服务器加载。
如果将location修改为一个完整路径或相对路径，则会直接跳转
```
    location = 'xxxxx';
    //等价写法
    location.assign('xxxx');
```

跳转的几种方法

    //location.replace会替换当前页面的history，这意味着不能使用后退按钮回退replace前的页面。
    window.location.replace('xxx');
    //location.assign会保留当前页面的history，跳转到新页面后，可以使用后退按钮回退到之前的页面。
    window.location.assign("xxx");
    window.location = 'xxx';
    window.location.href = 'xxx';
    top.location = 'xxx';
    self.location = 'xxx';
    //仅主持ie浏览器
    window.navigate('xxx');
    //meta方式实现跳转(content = 3 单位是秒
    <meta http-equiv=refresh content=3;url="xxx">

History：代表浏览器的历史记录（由于隐私原因，只能操作前一页后一页，只在当时访问有效)

    //获取当前访问的链接数量
      console.log(history.length);//1表示没有历史页面
      history.back();//回退到上一个页面
      history.forward();//前进到上一个页面

Screen：获取显示器的相关信息

setInterval()

定时调用，将一个函数每隔一段时间执行一次。参数：1、回调函数。2、间隔多久，单位是毫秒
clearInterval(obj): 取消某个对象定时调用

定时和取消定时的example

<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<p id="time"></p>
		<button id="stop">停止定时更新</button>
	</body>
	<script type="text/javascript">
		window.onload = function() {
			var tx = document.getElementById('time');
			var stop = document.getElementById('stop');
			var setInt = setInterval(function(){
				var d = new Date();
				tx.innerHTML = d.toLocaleTimeString();
			},1000);
			
			stop.onclick = function() {
				clearInterval(setInt);		
			}
		}
	</script>
</html>

setTimeout()
- 延时调用，不会马上调用，只会执行一次。
- clearTimeout(obj): 取消某个对象延时调用

posted @ 2022-09-13 10:29 土dog的填充之路阅读(40) 评论(0) 收藏举报

刷新页面返回顶部

埋头苦赚:)

JavaScript基础回顾知识点记录8-BOM（基础回顾到此为止）

公告