BOM属性方法(更新中)
这张思维导图有助于记忆，并不完整就挑常用的说，
那么关于这所有的方法属性我就写这下面了
alert这几个在我上篇文章里

window

1.open()
第一个参数：url 网址每调用一次，都会打开这个窗口，加载这个网页
第二个参数：字符串给打开的窗口起一个名字
第三个参数：一串特殊意义的字符串

			function btnClick(){
				open("https://www.baidu.com", "baidu", "width=400,height=400,top=200,left=200,resizable=no,scrollbars=no,toolbar=no");
				for(var i = 0; i < 10; i++){
					open("https://www.baidu.com", "baidu" + i, "width=400,height=400,top=" + (100 + i * 20) + ",left=" + (100 + i * 20));
				}
			}

在不同浏览器出现的效果都不一样，而且现在的浏览器基本控制弹窗。

history

历史对象window.history
属性：
history.length 输入当前的历史记录的条数
【注】只要url不一致，就会产生历史记录
方法：
history.back() 返回上一条记录
history.forward() 前进下一条记录
history.go()
参数正整数前进n条记录
0 刷新当前页面
负整数后退n条记录

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>Document</title>
		<script>
			function btnClick1(){
				alert(history.length);
			}
			function back(){
				history.back();
			}
			function forward(){
				history.forward();
			}
			function go(){
				history.go(0);
			}
		</script>
	</head>
	<body>
		<button onclick = 'btnClick1()'>输出历史记录</button>
		<button onclick = 'back()'>back</button>
		<button onclick = 'forward()'>forward</button>
		<button onclick = 'go()'>go</button>
	</body>
</html>

这些代码可以拿去试下。

location

地址栏对象
url 统一资源定位符
规范格式，很多字段填写

服务器：资源提供方
客户端：资源受惠方

url由哪些部分组成
				protocol  协议
				hostname  主机名  IP/域名(域名是IP的别称)
					IP  你电脑所在网络的地址，叫做IP
				port      端口号
					端口号：是当前电脑内，使用网络的软件唯一的编号
					IP:port
				默认端口号：
					浏览器：8080
					http: 80
					https: 443
					0到65535
				pathname  路径

location.assign(‘http://www.baidu.com’); //跳转到指定的URL
location.reload(); //最有效的重新加载,有可能缓存加载
location.reload(true); //强制加载,从服务器源头重新加载
location.replace(“http://www.baidu.com”); //可以避免产生跳转前的历史记录

alert(location.protocol);//file:
alert(location.pathname);///C:/Users/%E6%A2%93%E6%81%92/Desktop/2019.02.28BOM%E5%92%8CDOM%E5%85%A5%E9%97%A8/05location.html

BOM属性方法(更新中)

window

history

location

相关推荐