iframe及其引出的頁面跳轉問題

2022-02-09 04:52:39 字數 2273 閱讀 4673

前提:在前一段的工作中碰到了一些頁面跳轉,子頁面跳到父頁面上的等等問題,當時頁面總是跳不對,或者跳錯,要不就是不需要重新開啟視窗,卻又重新開啟乙個了,特此搜尋網上各大部落格論壇,加上專案經驗整理一篇文章,會有後續的修改和更新,如果有錯誤還希望大家及時指出,謝謝。

一、什麼是iframe?

iframe也稱作嵌入式框架,嵌入式框架和框架網頁類似,它可以把乙個網頁的框架和內容嵌入在現有的網頁中。  這是一般網頁上給出的答案。然而,在說明什麼是iframe之前,需要有一點提醒大家,由於iframe有諸多缺點,因此不符合標準網頁設計的理念,已經被標準網頁設計拋棄,但是美國前 10 大**都使用了 iframe。在大部分情況下,他們用它來載入廣告。這是可以理解的,也是一種符合邏輯的解決方案。但請記住,iframe 會給你的頁面效能帶來衝擊。只要可能,不要使用 iframe。當確實需要時,謹慎的使用他們。

那麼下面就來介紹iframe,我想,沒有什麼比這幅更能解釋iframe了,一看就明了。

iframe就是我們常用的iframe標籤:。iframe標籤是框架的一種形式,也比較常用到,iframe一般用來包含別的頁面,超連結指向這個嵌入的網頁,只要給這個iframe命名就可以了。方法是,例如我命名為aa,寫入這句html語言,然後,網頁上的超鏈   接語句應該寫為:,而這個連線,就是指圖中的衣服下的襯衫 西服 t恤的a連線,這些應該是寫在index.html裡面的。這樣,大家就會對iframe有乙個初步的了解了,具體的iframe的樣式什麼的這裡就不做解釋了。接下來的頁面鏈結才是重點,畢竟大部分公司已經摒棄了iframe的用法,只有一些框架還選擇用iframe。

二、跳轉頁面

在最近的專案中遇到的有關跳轉頁面的目前就這三個:

1.重新整理當前頁: window.location.reload(true);

2.跳轉其他頁:window.location.href='此處是介面';     是本頁面跳轉

3.跳轉其他頁

:window.parent.document.     

舉例說明:

1、window.location:

如果a,b,c,d都是jsp,d是c的iframe,c是b的iframe,b是a的iframe,如果d中js這樣寫  即:a>b>c>d,

"window.location.href"、"location.href"、"self.location.href":d頁面自身跳轉(即本頁面跳轉);

"parent.location.href":c頁面跳轉

"top.location.href":a頁面跳轉

重新整理頁面也是如此。

2.window.parent.document:

先舉乙個例子:

window.parent.document.getelementbyid("myele").innerhtml = html;

即指明了是在 window.parent.document 中查詢 id=myele 的元素,並把它的html設定為html.那麼用jquery則應如下:

1.$("#myele", window.parent.document).html(html);

還有一種寫法是:

2.parent.$("#myele").html(html);

這些就很好的解釋了我在專案中遇見的這段師傅寫的**:

取父視窗的元素方法:$(selector, window.parent.document);

那麼你取父視窗的父視窗的元素就可以用:$(selector, window.parent.parent.document);

類似的,取其它視窗的方法大同小異

$(selector, window.top.document);

$(selector, window.opener.document);

$(selector, window.top.frames[0].document);

目前就是這麼多,會做後續補充~~謝謝~~

jQuery Mobile頁面跳轉及其引數傳遞

這裡我用到的是標籤進行跳轉,引數是放在href後面的,如下 遇到的問題 1 在第二個頁面,引入的js沒有效果,寫的js方法沒有生效?解析 這是因為頁面跳轉,只能夠解析裡面的東西 解決辦法 第一種方法 將js方法,css樣式,引入的js都寫在這個標籤裡面就可以生效 第二種方法 在a標籤中加入rel e...

html實現iframe內嵌頁面跳轉的demo

記錄一下iframe內嵌頁面的跳轉方式 index.html html head title 根目錄 title script function changesrc1 function changesrc2 script head body div button id btn sub1 href 1...

iframe重定向讓父頁面跳轉

我們在使用一些後台程式的html模板 比如h ui 的時候,這些html前端程式是iframe版的,也就是說在使用的時候,每當我點選左側導航欄的乙個按鈕,在右側就會彈出乙個選單欄,在顯示的地方就會出現乙個頁面。我們在使用的時候會遇到這樣乙個問題 比如我的session過期了,那麼這個時候當我點選頁面...