Location屬性和方法

2021-09-25 08:45:49 字數 1453 閱讀 1167

1、location用於獲取或設定窗體的url,並且可以用於解析url,它同時是

window

物件的乙個部分,可通過

window.location

屬性來訪問 屬性

描述hash

返回錨點部分hash值

host

返回主機名和當前url的埠號

hostname

返回當前網域名稱

href

整個url字串(在瀏覽器中就是完整的位址列);

不能新開啟頁面,只能在當前頁面跳轉

pathname

返回當前頁面的路徑和檔名

port

開啟乙個新的瀏覽器視窗或查詢乙個已命名的視窗;
人為主動觸發時候才不會被攔截;
如果不是人為觸發事件,高版本瀏覽器會攔截。

protocol

設定或返回當前 url 的協議

search

返回查詢(引數)部分

例如:2-1、document.write(window.location.host);

返回主機名和當前url的埠號

2-2、document.write(window.location.href);

function go()

整個url字串(在瀏覽器中就是完整的位址列)
不能新開啟頁面,只能在當前頁面跳轉
2-3

、 document.write(window.location.hash)

返回錨點部分hash值
2-4、document.write(window.location.hostname)
返回當前網域名稱

下面的例子都是一樣的,我們可以自已想。

3、location方法

屬性描述

assign()

載入新的文件

reload()

可能從瀏覽器快取載入;

加上true強制從伺服器端載入

replace()

新的文件替換當前文件。

例如:1

、ation.assign('

載入新的文件

2、cation.reload()   // 可能從瀏覽器快取載入

location.reload(true)   // 強制從伺服器端載入

3、window.location,replace( 新的文件替換當前文件。

location物件屬性

常用屬性 1 location.href 返回當前載入頁面的完整url location.href window.location.href 2 location.hash 返回url中的hash 後 如果不包含則返回空字元 eg 頁面最下設定乙個button為返回頂部,新增乙個id top 後 v...

location物件的屬性大全

說明 location 物件提供了與當前視窗中載入的文件有關的資訊,還提供了一些導航的功能,它既是window物件的屬性,也是document物件的屬性 1 location.href 返回當前載入頁面的完整url location.href 與 window.location.href等價 2 l...

location的部分屬性

location.host 可以設定或返回主機名和當前url的埠 www.w3school.com.cn 如果有埠號還會獲取到埠號 如果要訪問乙個位址可以不用協議頭但要多新增 let url location.host jsref dom obj location.asp location.prot...