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

location對(duì)象有什么作用？Location有哪些應(yīng)用場(chǎng)景？

更新時(shí)間:2022年02月17日16時(shí)43分來源:傳智教育瀏覽次數(shù):

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

location對(duì)象

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

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

location.href="http://8y3kgpwe.cn";

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

locatlon.hash="down"；

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

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

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

猜你喜歡：

nginx的location配置詳解：location匹配規(guī)則