url操作

标签：

1：url实际应用简介

近期研究发现通过url传递参数很普遍的（淘宝也是这样做的），

通过修改url来传递参数，比如通过关键字搜索某件商品的时候，链接便追加了相应参数。

例如淘宝男装页面是：https://www.taobao.com/markets/nanzhuang/index2016?spm=a219r.lm895.0.0.ADf1F1

当在搜索框中输入英伦时候则变成了以下链接

https://s.taobao.com/list?spm=a217m.8005144.302279.27.1OmJGz&q=%E8%8B%B1%E4%BC%A6&cat=50344007&style=grid&seller_type=taobao 

页面是根据链接来呈现的。通过对&q=%E8%8B%B1%E4%BC%A6&cat=50344007&style=grid&seller_type=taobao这几个参数进行解析，

构造出接口需要的数据，提交给接口。然后根据接口返回数据在页面展现出来。 

这样的好处是，如果其他模块也用到参数的话，也可以来解析url中的参数  比如：页码，按照销量筛选，按照地址筛选。

2 url结构

在控制台输入location则出现下面结构：

hash　　　　 ""
host          　"s.taobao.com"
hostname    "s.taobao.com"
href 　　　　"https://s.taobao.com/list?spm=a217m.8005144.302279.27.1OmJGz&q=%E8%8B%B1%E4%BC%A6&cat=50344007&style=grid&seller_type=taobao"
origin　　　　"https://s.taobao.com"
pathname　　"/list"
port　　　　　　""
protocol　　　　"https:"
search　　　　"?spm=a217m.8005144.302279.27.1OmJGz&q=%E8%8B%B1%E4%BC%A6&cat=50344007&style=grid&seller_type=taobao"

可以在控制台进行一一验证：如 window.location.origin  

hash  　　　　设置或获取 href 属性中在井号“#”后面的分段。 
host 　　　　　设置或获取 location 或 URL 的 hostname 和 port 号码。 
hostname   　设置或获取 location 或 URL 的主机名称部分。 
href 　　　　　设置或获取整个 URL 为字符串。 
pathname 　　设置或获取对象指定的文件名或路径。 
port 　　　　　设置或获取与 URL 关联的端口号码。 
protocol 　　　设置或获取 URL 的协议部分。 
search 　　　设置或获取 href 属性中跟在问号后面的部分。 

3：url操作

 3-1 获取当前url地址

url操作

标签：

原文地址：http://www.cnblogs.com/zzcit/p/5613203.html