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

表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é)議訪(fǎng)問(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)