window.location.href的用法(動(dòng)態(tài)輸出跳轉(zhuǎn))
來(lái)源:易賢網(wǎng) 閱讀:890 次 日期:2014-08-11 11:07:09
溫馨提示:易賢網(wǎng)小編為您整理了“window.location.href的用法(動(dòng)態(tài)輸出跳轉(zhuǎn))”,方便廣大網(wǎng)友查閱!

javascript中的location.href有很多種用法,主要如下。

self.location.href="/url" 當(dāng)前頁(yè)面打開(kāi)URL頁(yè)面

location.href="/url" 當(dāng)前頁(yè)面打開(kāi)URL頁(yè)面

windows.location.href="/url" 當(dāng)前頁(yè)面打開(kāi)URL頁(yè)面,前面三個(gè)用法相同。

this.location.href="/url" 當(dāng)前頁(yè)面打開(kāi)URL頁(yè)面

parent.location.href="/url" 在父頁(yè)面打開(kāi)新頁(yè)面

top.location.href="/url" 在頂層頁(yè)面打開(kāi)新頁(yè)面

如果頁(yè)面中自定義了frame,那么可將parent self top換為自定義frame的名稱(chēng),效果是在frame窗口打開(kāi)url地址

此外,window.location.href=window.location.href;和window.location.Reload()和都是刷新當(dāng)前頁(yè)面。區(qū)別在于是否有提交數(shù)據(jù)。當(dāng)有提交數(shù)據(jù)時(shí),window.location.Reload()會(huì)提示是否提交,window.location.href=window.location.href;則是向指定的url提交數(shù)據(jù)

在寫(xiě)ASP.Net程序的時(shí)候,我們經(jīng)常遇到跳轉(zhuǎn)頁(yè)面的問(wèn)題,我們經(jīng)常使用Response.Redirect 做ASP.NET框架頁(yè)跳轉(zhuǎn),如果客戶(hù)要在跳轉(zhuǎn)的時(shí)候使用提示,這個(gè)就不靈光了,如:

代碼如下:

Response.Write("< script>alert('恭喜您,注冊(cè)成功!');< /script>"); 

Response.Redirect("main.html");  

這時(shí)候我們的提示內(nèi)容沒(méi)有出來(lái)就跳轉(zhuǎn)了,和Response.Redirect("main.html");沒(méi)有任何區(qū)別。

這時(shí)我們采用下面代碼試驗(yàn)一下:

ASP.NET框架頁(yè)跳轉(zhuǎn)的另一實(shí)現(xiàn)

代碼如下:

Response.Write("< script language=javascript>alert('恭喜您,注冊(cè)成功!')< /script>"); 

Response.Write("< script language=javascript>window.location.href='main.html'< /script>");

這個(gè)即實(shí)現(xiàn)了我們的要求,在提示后,跳轉(zhuǎn)頁(yè)面。

最重要的是window.location.href 語(yǔ)句可以實(shí)現(xiàn)一個(gè)框架的頁(yè)面在執(zhí)行服務(wù)器端代碼后刷新另一個(gè)框架的頁(yè)面(Response.Redirect無(wú)法達(dá)到,至少我沒(méi)有發(fā)現(xiàn)):

如:index.htm頁(yè)面中有二個(gè)框架,分別為 frameLeft和frameRight,在frameRight頁(yè)面中執(zhí)行服務(wù)器端代碼后刷新frameLeft中的頁(yè)面。

先前最常見(jiàn)的是注冊(cè)之后,自動(dòng)刷新登陸框,讓登陸框換成已登陸頁(yè)面,只要在注冊(cè)成功的代碼之后加上一段,即可以實(shí)現(xiàn)刷新另個(gè)框架的頁(yè)面。

代碼如下:

Response.Write("< script language=javascript>alert('恭喜您,注冊(cè)成功!')< /script>"); 

Response.Write("< script language=javascript>window.parent.frameLeft.location.href='main.html'< /script>");  

這樣就搞定了ASP.NET框架頁(yè)跳轉(zhuǎn)中斷的問(wèn)題。其實(shí)asp、php中一般都使用這種方式。

"window.location.href"、"location.href"是本頁(yè)面跳轉(zhuǎn)

"parent.location.href"是上一層頁(yè)面跳轉(zhuǎn)

"top.location.href"是最外層的頁(yè)面跳轉(zhuǎn)

舉例說(shuō)明:

如果A,B,C,D都是jsp,D是C的iframe,C是B的iframe,B是A的iframe,如果D中js這樣寫(xiě)

"window.location.href"、"location.href":D頁(yè)面跳轉(zhuǎn)

"parent.location.href":C頁(yè)面跳轉(zhuǎn)

"top.location.href":A頁(yè)面跳轉(zhuǎn)

如果D頁(yè)面中有form的話(huà),

<form>: form提交后D頁(yè)面跳轉(zhuǎn)

<form target="_blank">: form提交后彈出新頁(yè)面

<form target="_parent">: form提交后C頁(yè)面跳轉(zhuǎn)

<form target="_top"> : form提交后A頁(yè)面跳轉(zhuǎn)

 

關(guān)于頁(yè)面刷新,D 頁(yè)面中這樣寫(xiě):

"parent.location.reload();": C頁(yè)面刷新 (當(dāng)然,也可以使用子窗口的 opener 對(duì)象來(lái)獲得父窗口的對(duì)象:window.opener.document.location.reload(); )

"top.location.reload();": A頁(yè)面刷新

更多信息請(qǐng)查看IT技術(shù)專(zhuān)欄

更多信息請(qǐng)查看網(wǎng)絡(luò)編程
易賢網(wǎng)手機(jī)網(wǎng)站地址:window.location.href的用法(動(dòng)態(tài)輸出跳轉(zhuǎn))
由于各方面情況的不斷調(diào)整與變化,易賢網(wǎng)提供的所有考試信息和咨詢(xún)回復(fù)僅供參考,敬請(qǐng)考生以權(quán)威部門(mén)公布的正式信息和咨詢(xún)?yōu)闇?zhǔn)!

2025國(guó)考·省考課程試聽(tīng)報(bào)名

  • 報(bào)班類(lèi)型
  • 姓名
  • 手機(jī)號(hào)
  • 驗(yàn)證碼
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡(jiǎn)要咨詢(xún) | 簡(jiǎn)要咨詢(xún)須知 | 加入群交流 | 手機(jī)站點(diǎn) | 投訴建議
工業(yè)和信息化部備案號(hào):滇ICP備2023014141號(hào)-1 云南省教育廳備案號(hào):云教ICP備0901021 滇公網(wǎng)安備53010202001879號(hào) 人力資源服務(wù)許可證:(云)人服證字(2023)第0102001523號(hào)
云南網(wǎng)警備案專(zhuān)用圖標(biāo)
聯(lián)系電話(huà):0871-65099533/13759567129 獲取招聘考試信息及咨詢(xún)關(guān)注公眾號(hào):hfpxwx
咨詢(xún)QQ:526150442(9:00—18:00)版權(quán)所有:易賢網(wǎng)
云南網(wǎng)警報(bào)警專(zhuān)用圖標(biāo)