JavaScript学习笔记——open、close与location对象与navigator对象

open

	window.open(url,target,param)

参数解释：

• url：要打开的地址
• target：新窗口的位置。可以是：_blank 、_self、 _parent 父框架
• param：新窗口的一些设置
• 返回值：新窗口的句柄

param：

• name：新窗口的名称，可以为空
• features：属性控制字符串，在此控制窗口的各种属性，属性之间以逗号隔开。
• fullscreen= { yes/no/1/0 } 是否全屏，默认no
• channelmode= { yes/no/1/0 } 是否显示频道栏，默认no
• toolbar= { yes/no/1/0 } 是否显示工具条，默认no
• location= { yes/no/1/0 } 是否显示地址栏，默认no。（有的浏览器不一定支持）
• directories = { yes/no/1/0 } 是否显示转向按钮，默认no
• status= { yes/no/1/0 } 是否显示窗口状态条，默认no
• menubar= { yes/no/1/0 } 是否显示菜单，默认no
• scrollbars= { yes/no/1/0 } 是否显示滚动条，默认yes
• resizable= { yes/no/1/0 } 是否窗口可调整大小，默认no
• width=number 窗口宽度（像素单位）
• height=number 窗口高度（像素单位）
• top=number 窗口离屏幕顶部距离（像素单位）
• left=number 窗口离屏幕左边距离（像素单位）

注： 各个参数之间用逗号隔开，但建议把它们统一放到json里

close

	window.close()

案例

		<button>点击打开新页面</button>
		<button>点击关闭页面</button>
		<script>
			var btn1 = document.getElementsByTagName("button")[0];
			var btn2 = document.getElementsByTagName("button")[1];

			btn1.onclick = function () {
    
    
				var json = {
    
    
					name: "helloworld",
					fullscreen: "no",
					location: "no",
					width: "600px",
					height: "400px",
					top: "100px",
					left: "100px",
				};
				window.open("http://www.baidu.com", "_blank", json);
			};

			btn2.onclick = function () {
    
    
				window.close();
			};
		</script>

location对象

location相当于浏览器地址栏，可以将url解析成独立的片段

location对象的属性

• href：跳转
• hash 返回url中#后面的内容，包含#
• host 主机名，包括端口
• hostname 主机名
• pathname url中的路径部分
• protocol 协议 一般是http、https
• search 查询字符串

location对象的方法

• location.assign()：改变浏览器地址栏的地址，并记录到历史中
  设置location.href 就会调用assign()。一般使用location.href 进行页面之间的跳转
• location.assign()：改变浏览器地址栏的地址，并记录到历史中
  设置location.href 就会调用assign()。一般使用location.href 进行页面之间的跳转
• location.reload()：重新加载

navigator对象

window.navigator 的一些属性可以获取客户端的一些信息

• userAgent：系统，浏览器)
• platform：浏览器支持的系统，win/mac/linux

	console.log(navigator.userAgent);
	console.log(navigator.platform);

可以利用userAgent方法，针对不同设备设置不同的布局