全國(guó)咨詢(xún)/投訴熱線:400-618-4000

首頁(yè)技術(shù)文章正文

location對(duì)象常用屬性有哪些?

更新時(shí)間:2022-02-18 來(lái)源:黑馬程序員 瀏覽量:

location對(duì)象用于獲取和設(shè)置當(dāng)前網(wǎng)頁(yè)的URL地址,其常用屬性和方法如表所示。

location對(duì)象

表15-8中列舉了location對(duì)象的常用屬性和方法。在使用時(shí),可以通過(guò)location或window.location表示該對(duì)象。下面演示location對(duì)象的幾個(gè)使用示例。

1)跳轉(zhuǎn)到新地址

location.href="http://www.itcast.cn";

當(dāng)上述代碼執(zhí)行后,當(dāng)前頁(yè)面將會(huì)跳轉(zhuǎn)到“http://www.itcast.cn”這個(gè)URL地址。

2)進(jìn)入指定的錨點(diǎn)

locatlon.hash="down";

當(dāng)上述代碼執(zhí)行后,如果用戶(hù)當(dāng)前的URL地址為“http://test.com/index.html",則代碼執(zhí)行后URL地址變?yōu)椤癶ttp://test.com/index.html#down”。

3)檢測(cè)協(xié)議并提示用戶(hù)

if(location.protocol=="http:"){
if(confirm("您在使用不安全的http協(xié)議,是否切換到更安全的https協(xié)議?"))!
location.href="https: //www.123.com"

上述代碼實(shí)現(xiàn)了當(dāng)頁(yè)面打開(kāi)后自動(dòng)判斷當(dāng)前的協(xié)議。當(dāng)用戶(hù)以http協(xié)議訪問(wèn)時(shí),會(huì)出一個(gè)提示框提醒用戶(hù)是否切換到https協(xié)議。






猜你喜歡:

JavaScript中l(wèi)ocation對(duì)象怎么用?

Nginx的location配置詳細(xì)教程

transform屬性2D轉(zhuǎn)換用法詳細(xì)介紹

transition屬性用法【黑馬程序員CC3教程】

傳智教育HTML&JS+前端開(kāi)發(fā)培訓(xùn)

分享到:
在線咨詢(xún) 我要報(bào)名
和我們?cè)诰€交談!