Location 对象实现跨页面传递参数与地址栏的处理

Location 对象实现跨页面传递参数与地址栏的处理

【1】Location 对象简介

Location 对象包含有关当前 URL 的信息。

Location 对象是 Window 对象的一个部分，可通过 window.location 属性来访问。

1）Location 对象属性

location.host           // 设置或返回主机名和当前 URL的端口号

location.hostname       //设置或返回当前 URL 的主机名

location.port           //设置或返回当前 URL 的端口号

location.protocol       //设置或返回当前 URL 的协议

location.pathname       //设置或返回当前 URL 的路径部分

location.hash           //设置或返回从井号(#)开始的URL（锚）

location.search         //设置或返回从问号 (?) 开始的 URL（查询部分）

location.href           //返回当前页面的 href (URL)

【2】Js两种打开新窗体

1、在同当前窗口中打开窗口

1）超链接：

<a href="http://127.0.0.1:8080/MyJDBC/jsp/Main.jsp" >我的主页</a>

2）js代码：

window.location.href="http://127.0.0.1:8080/MyJDBC/jsp/Main.jsp";    

2、在另外新建窗口中打开窗口

1）超链接：

<a href="http:http://127.0.0.1:8080/MyJDBC/jsp/Main.jsp" target="_blank">我的主页</a>

2）js代码：

window.open("http://127.0.0.1:8080/MyJDBC/jsp/Main.jsp");

3）可以给window.open添加_blank属性控制新窗口（详细资料见