如何讓彈出的網頁跳出框架單獨存在

antzone發表於2017-03-14

在網頁中的後臺佈局中框架集還在大量採用,因為這樣網頁可以很輕鬆的進行結構劃分,但是有時候會出現這樣一個問題,那就是彈出的新頁面老是被放入框架中,比如我想退出重新登入,而這個登入頁面卻在一個框架中顯示,非常的不美觀,還可能有其他的顯示問題,下面介紹一下如何實現彈出的頁面能夠單獨存在。

下面就以登入頁面作為一個例子介紹一下如何解決此問題:

解決方案一:

在login.aspx頁面中新增如下程式碼:

[JavaScript] 純文字檢視 複製程式碼
if (window != top) {
  top.location.href=location.href;
}

上面的程式碼就是判斷是否是最頂部的視窗,如果不是以最頂部的視窗顯示指定網頁。

解決方案二:

[JavaScript] 純文字檢視 複製程式碼
if(window.parent.length>0){
  window.parent.location=location;
}

以上程式碼同樣可以實現我們想要的功能。

相關文章