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

location對象常用屬性有哪些?

更新時間:2022-02-18 來源:黑馬程序員 瀏覽量:

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

location對象

表15-8中列舉了location對象的常用屬性和方法。在使用時,可以通過location或window.location表示該對象。下面演示location對象的幾個使用示例。

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

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

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

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

locatlon.hash="down";

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

3)檢測協(xié)議并提示用戶

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

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






猜你喜歡:

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

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

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

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

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

分享到:
在線咨詢 我要報(bào)名
和我們在線交談!