Js 对浏览器的 URL的操作

2023-08-23 21:48:52
下面是一些实例：
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 <html xmlns="http://www.w3.org/1999/xhtml">

 <head>

     <title></title>

     <script src="../Js/jquery-1.9.1.min.js" type="text/javascript"></script>

     <script type="text/javascript">

         var url = "http://localhost:1850/Url/Url的操作.htm?test=测试js对URL操作#df2016ds";

         var hash = window.location.hash  //设置或获取 href 属性中在井号“#”后面的分段      结果：df2016ds

         var host = window.location.host  //设置或获取 location 或 URL 的 hostname 和 port 号码。  结果：localhost:1850

         var hostname = window.location.hostname  //设置或获取 location 或 URL 的主机名称部分。 结果：localhost

         var href = window.location.href  //设置或获取整个 URL 为字符串  结果：http://localhost:1850/Url/Url的操作.htm?test=测试js对URL操作#df2016ds

         var pathname = window.location.pathname  //设置或获取对象指定的文件名或路径。 结果：/Url/Url的操作.htm

         var port = window.location.port  //设置或获取与 URL 关联的端口号码。 结果：1850

         var protocol = window.location.protocol  //设置或获取 URL 的协议部分。  结果：http:

         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

         console.log(search);

     </script>

 </head>

 <body>

 </body>

 </html>
码农公寓

相关文章
