javascript如何取得目前URL的主機名稱？

在javascript中可以使用location物件的hostname屬性或host屬性來取得目前URL的主機名，以下這篇文章就來帶大家認識這兩種屬性，希望對大家有幫助。

使用location hostname屬性

location hostname屬性是用來傳回目前URL的主機名稱；它會傳回一個字串，其中包含網域名稱或URL的IP位址。

基本語法：

location.hostname

簡單範例：

假設目前的URL 是: http:// www.php.cn/course/type/4.html

<script type="text/javascript">
 var h = location.hostname;
  alert(h);
</script>

效果圖：

使用location host屬性

location host屬性用於設定或傳回URL的主機名稱和連接埠；如果目前URL中未在指定端口，則不會傳回連接埠號碼。

基本語法：

location.host

簡單範例：

假設目前的URL 是: http://127.0.0.1 :8020/demo/2.html，URL 指定了連接埠號碼

<script type="text/javascript">
 var h = location.host;
alert(h);
</script>

效果圖：

假設目前的URL 是: http: //127.0.0.1/demo/2.html，URL 中沒指定端口，只會顯示主機名，不會有端口號

瀏覽器支援

支援location物件的hostname屬性或host屬性的瀏覽器如下所示：

1、Google Chrome

#2、 Apple Safari

3、Firefox

4、Opera

5、Internet Explorer

以上就是這篇文章的全部內容，希望能對大家的學習有所幫助。更多精彩內容大家可以追蹤php中文網相關教學欄位！ ！ ！

以上是javascript如何取得目前URL的主機名稱？的詳細內容。更多資訊請關注PHP中文網其他相關文章！