麻豆黑色丝袜jk制服福利网站-麻豆精品传媒视频观看-麻豆精品传媒一二三区在线视频-麻豆精选传媒4区2021-在线视频99-在线视频a

千鋒教育-做有情懷、有良心、有品質(zhì)的職業(yè)教育機(jī)構(gòu)

手機(jī)站
千鋒教育

千鋒學(xué)習(xí)站 | 隨時隨地免費學(xué)

千鋒教育

掃一掃進(jìn)入千鋒手機(jī)站

領(lǐng)取全套視頻
千鋒教育

關(guān)注千鋒學(xué)習(xí)站小程序
隨時隨地免費學(xué)習(xí)課程

當(dāng)前位置:首頁  >  技術(shù)干貨  > self.location詳解

self.location詳解

來源:千鋒教育
發(fā)布人:xqq
時間: 2023-11-23 19:26:04 1700738764

一、self.location基礎(chǔ)介紹

self.location是一個JavaScript中的全局變量,它表示當(dāng)前文檔的URL。在網(wǎng)頁中使用self.location可以對頁面進(jìn)行一些處理,例如跳轉(zhuǎn)到其他頁面、獲取當(dāng)前URL等。下面是一個簡單的例子:


//獲取當(dāng)前URL
var url = self.location.href;

//跳轉(zhuǎn)到百度首頁
self.location.;

二、self.location屬性詳細(xì)介紹

self.location具有許多屬性,下面分別進(jìn)行詳細(xì)介紹:

1. href

href返回當(dāng)前頁面的完整URL,包括協(xié)議、主機(jī)名、端口號、路徑和查詢參數(shù)等。我們前面的例子中就使用了href屬性。

2. protocol

protocol返回當(dāng)前頁面的協(xié)議類型,例如http、https、ftp等。

3. hostname

hostname返回當(dāng)前頁面的主機(jī)名,不包括端口號。

4. port

port返回當(dāng)前頁面的端口號,如果是默認(rèn)端口號(http的默認(rèn)端口號是80,https的默認(rèn)端口號是443),則返回空字符串。

5. pathname

pathname返回當(dāng)前頁面的路徑部分,不包括主機(jī)名和查詢參數(shù)。

6. search

search返回當(dāng)前頁面的查詢參數(shù)部分,包括問號(?)。

7. hash

hash返回當(dāng)前頁面的錨點部分,包括井號(#)。

三、self.location方法詳細(xì)介紹

除了屬性之外,self.location還具有一些常用的方法,下面分別進(jìn)行介紹:

1. assign()

assign()方法可以用于在當(dāng)前窗口或者一個新窗口中加載新的URL。例如下面的代碼可以實現(xiàn)點擊按鈕跳轉(zhuǎn)到百度頁面:



2. replace()

replace()方法可以用于在當(dāng)前窗口中加載新的URL,并且不會在瀏覽歷史中生成一個新的記錄,也就是說無法通過回退操作返回到之前的頁面。


//跳轉(zhuǎn)到百度頁面,并且無法通過回退操作返回
self.location.replace('https://www.baidu.com');

3. reload()

reload()方法可以用于重新加載當(dāng)前頁面。


//重新加載當(dāng)前頁面
self.location.reload();

四、小結(jié)

本文詳細(xì)介紹了JavaScript中的self.location變量,包括其屬性和方法。通過學(xué)習(xí)本文,可以更加深入地了解self.location在網(wǎng)頁編程中的應(yīng)用。

聲明:本站稿件版權(quán)均屬千鋒教育所有,未經(jīng)許可不得擅自轉(zhuǎn)載。
10年以上業(yè)內(nèi)強(qiáng)師集結(jié),手把手帶你蛻變精英
請您保持通訊暢通,專屬學(xué)習(xí)老師24小時內(nèi)將與您1V1溝通
免費領(lǐng)取
今日已有369人領(lǐng)取成功
劉同學(xué) 138****2860 剛剛成功領(lǐng)取
王同學(xué) 131****2015 剛剛成功領(lǐng)取
張同學(xué) 133****4652 剛剛成功領(lǐng)取
李同學(xué) 135****8607 剛剛成功領(lǐng)取
楊同學(xué) 132****5667 剛剛成功領(lǐng)取
岳同學(xué) 134****6652 剛剛成功領(lǐng)取
梁同學(xué) 157****2950 剛剛成功領(lǐng)取
劉同學(xué) 189****1015 剛剛成功領(lǐng)取
張同學(xué) 155****4678 剛剛成功領(lǐng)取
鄒同學(xué) 139****2907 剛剛成功領(lǐng)取
董同學(xué) 138****2867 剛剛成功領(lǐng)取
周同學(xué) 136****3602 剛剛成功領(lǐng)取
相關(guān)推薦HOT
主站蜘蛛池模板: 波多野结无码高清中文| 日韩黄色大全| 国产成人精品免费直播| 伊人快播| 强行被公侵犯奈奈美| 欧美一级免费观看| 日本69xxxx| 波多野结衣波多野结衣| 波多野结衣波多野结衣| 日产2021乱码一区| 亚洲免费福利视频| 国产精品9999久久久久| 国内xxxx乱子另类| 女人扒开腿让男生桶爽动漫| 妞干网在线观看视频| 西西人体44rt大胆高清日韩| 推拿电影完整未删减版资源| 亚洲无限资源| 国产精品美女视视频专区| 69久久夜色精品国产69| 国产成人精品综合在线观看| 再深一点灬舒服灬太大了| 老师好紧开裆蕾丝内裤小说| 女人张腿让男桶免费视频大全| 小雪把双腿打开给老杨看免费阅读| 免费精品视频在线| 被女同桌调教成鞋袜奴脚奴| a级毛片免费完整视频| 动漫洗濯屋| 在线观看亚洲专区| gav男人天堂| 小兔子被蛇用两根是什么小说| 国产大学生一级毛片绿象| 欧美香蕉在线| 欧美va在线高清| 亚洲国产成人久久综合一区| 奇米网奇米色| 亚洲免费综合色在线视频| 热久久最新视频| 国产精品美女www爽爽爽视频| 美女被狂揉下部羞羞动漫|