麻豆黑色丝袜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
主站蜘蛛池模板: 蜜柚免费视频下载| 日韩黄色大全| 国产**aa全黄毛片| 黄色网一级片| 殴美黄色| 公交车上性配合享受视频| 女大学生沙龙室3| 蜜桃成熟时1997在线看免费看| 久久99国产精品久久99果冻传媒| 美女羞羞视频网站| 男生和女生一起差差差很痛视频| 爱我久久国产精品| а√天堂资源地址在线官网 | 波多野结衣护士无删减| 美女又黄又免费的视频| 男人j进入女人p狂躁免费观看| 欧洲动作大片免费在线看 | 亚洲日本va午夜中文字幕一区| 91精品麻豆| 国产精品久久久久影院| 波多野结衣女上司| 香蕉视频在线观看免费国产婷婷| 911香蕉视频| 91麻豆国产福利精品| 啊灬啊灬啊灬快灬深用力| 国产精品乱码一区二区三区| 国产大片黄在线观看| 天天操夜夜操天天操| 国产传媒一区二区三区呀| 免费女人18毛片a级毛片视频| 国产精品嫩草影院一二三区入口 | 性欧美hd| 亚洲视频国产视频| 伊人久久久大香线蕉综合直播| 国产无套| 亚洲天堂中文字幕| 欧美日韩精品一区二区三区高清视频| 欧美午夜春性猛交xxxx| 国产小视频网站| 国产午夜视频在线观看| 两个小姨子在线播放|