document.location的用法实例（摘抄自博客园--KoMiles，自己学习的时候记录一下）...-优快云博客

本文介绍了JavaScript中document.location属性的使用方法，并通过实例演示了如何获取当前页面的URL路径、协议和端口等信息，同时展示了如何利用该属性跳转到新页面及在新窗口打开链接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<head>
         <title>document.location </title>
     </head>
     <body>
         <b>document.location使用举例 </b ><p>
          <script type ="text/javascript"> 
       
             document.write( " 当前位置： " + document.location + " <p> " );
             document.write( " 当前位置的url路径： " + document.location.pathname + " <p> " );    
             document.write( " 当前位置的url协议： " + document.location.protocol + " <p> " );
             document.write( " 当前位置的url端口： " + document.location.port + " <p> " );
             // 设置新的location 
             //document.location.href= " http://www.baidu.com " ;
             window.open('http://www.baidu.com');
          </script>
     </body>
 </html>

运行后，打印结果是：

document.location使用举例

当前位置： http://localhost/yacol/js/document.html

当前位置的url路径： /yacol/js/document.html

当前位置的url协议： http:

当前位置的url端口：

　　　　　document.location.href= " http://www.baidu.com " ;//转到百度
window.open('http://www.baidu.com');//在新窗口打开百度

转载于:https://www.cnblogs.com/qirourou/p/6834698.html