Html中页面传参和端口IP获取

Location 对象

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

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

属性

location.href

当前文档的完整url，如果被改变，文档将会导航到另一个新的页面，

location.protocol

当前url所使用的协议，包括结尾的":"

location.host

获取当前的主机信息，包括主机名，":"和端口号

location.hostname

获取当前url的主机名

location.port

返回url的端口信息。没有写端口信息的url,实际端口为与协议相关的端口号

location.pathname

返回url的路径字符串

location.search

又名查询字符串，返回url中?以及之后的字符串

location.hash

返回url中代表页面某个区域的带有#的字符串

location.origin

返回url中完整的协议和主机地址部分,包括端口

方法

Location.assign()

该方法使浏览器加载并展示URL所指定的文档

Location.reload()

该方法用于重新加载当前页面，可以接受一个Boolean类型的参数，参数为true,强制从服务器重新获取，为false时从缓存中读取。默认值为false

Location.replace()

提供一个URL，使页面跳转到相应的URL，与location.assign()的区别是，location.replace()跳转后的页面不会保存在浏览器历史中，即无法通过返回按钮返回到该页面。

Location.toString()

获取当前页面的完整URL，相当于location.href

传参时正常传参即可，如：

location.href="./result.html?archiveType="+encodeURI(archiveType)

接收时候需要用方法处理：

function getURLParameter(name) { return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.search)||[,""])[1].replace(/+/g, '%20'))||null; }

如：

var archiveType=getURLParameter("archiveType");