首頁 > web前端 > js教程 > 主體

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

青灯夜游
發布: 2019-01-03 14:14:33
原創
6698 人瀏覽過

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

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

使用location hostname屬性

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

基本語法:

location.hostname
登入後複製

簡單範例:

假設目前的URL 是: http:// m.sbmmt.com/course/type/4.html

<script type="text/javascript">
 var h = location.hostname;
  alert(h);
</script>
登入後複製

效果圖:

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

使用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>
登入後複製

效果圖:

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

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

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

瀏覽器支援

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

1、Google Chrome

#2、 Apple Safari

3、Firefox

4、Opera

5、Internet Explorer

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

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!