Js 对 浏览器 的 URL的操作

下面是一些实例:

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4     <title></title>
 5     <script src="../Js/jquery-1.9.1.min.js" type="text/javascript"></script>
 6     <script type="text/javascript">
 7         var url = "http://localhost:1850/Url/Url的操作.htm?test=测试js对URL操作#df2016ds";
 8         var hash = window.location.hash  //设置或获取 href 属性中在井号“#”后面的分段      结果:df2016ds
 9         var host = window.location.host  //设置或获取 location 或 URL 的 hostname 和 port 号码。  结果:localhost:1850
10         var hostname = window.location.hostname  //设置或获取 location 或 URL 的主机名称部分。 结果:localhost
11         var href = window.location.href  //设置或获取整个 URL 为字符串  结果:http://localhost:1850/Url/Url的操作.htm?test=测试js对URL操作#df2016ds
12         var pathname = window.location.pathname  //设置或获取对象指定的文件名或路径。 结果:/Url/Url的操作.htm
13         var port = window.location.port  //设置或获取与 URL 关联的端口号码。 结果:1850
14         var protocol = window.location.protocol  //设置或获取 URL 的协议部分。  结果:http:
15         var search = window.location.search  //设置或获取 href 属性中跟在问号后面的部分。  结果:?test=%E6%B5%8B%E8%AF%95js%E5%AF%B9URL%E6%93%8D%E4%BD%9C 等同?test=测试js对URL操作#df2016ds
16         console.log(search);
17     </script>
18 </head>
19 <body>
20 </body>
21 </html>
原文地址:https://www.cnblogs.com/linJie1930906722/p/5365362.html