Document.location

林承悦

2023-12-01

Document.location 是一个只读属性，返回一个 Location 对象，包含有文档的 URL 相关的信息，并提供了改变该 URL 和加载其他 URL 的方法。

尽管 Document.location 是一个只读的 Location 对象，你也能够赋给它一个 DOMString。这意味着你能够赋给 document.location 字符串，大多数情况下像这样使用：document.location = ‘http://www.example.com’，也可写为document.location.href = ‘http://www.example.com’。

只是想获取字符串形式的 URL，可以使用只读属性 document.URL。

If the current document is not in a browsing context, the returned value is null.

Document.location用法示例：

<html>
     <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://developer.mozilla.org/zh-CN/docs/Web/API/Document/location

② https://www.cnblogs.com/wangkongming/archive/2013/03/08/2950321.html

Document.location

相关阅读

相关文章

相关问答