使用iframe框架時,子頁面內跳轉整個頁面

2021-08-28 01:29:10 字數 508 閱讀 3191

由於開發需要,很多時候需要使用到iframe框架,即子頁面,子頁面使用是挺方便的,但如果子頁面呢需要跳轉整個頁面呢,比如我就遇到了乙個問題,我子頁面有個功能需要登入,所以連線的是登入頁面,但登入頁面只在子頁面中顯示,這就顯得很不合理了,在這裡,我介紹幾種方法,

第一種,是比較大眾的方法,及子頁面內標籤的整個頁面跳轉,只需在

標籤中新增"target=_parent"即可。

第二種是在head標籤之間加入

則子頁面內的所有跳轉預設是父頁面一起跳。

第三種,也就是我遇到的,在js中跳轉,window.location.href();這就尷尬了,因為window這種跳轉是沒有target屬性的,這時,你可以使用取個巧,讓父頁面跟著一起跳轉,即在window.location.href=url後面加上window.parent.location.href=url;

注:如果需要登入之後再跳轉回來,可以在url末尾新增 "?preurl="+parent.location.href;

即可再跳回父頁面

iframe子頁面操作父頁面

最近經常用到iframe,用的最多的就是在子頁面中操作父頁面的方法或變數等,總結了用到的幾種方法,如下 var htmlurl window.parent.main frame attr src jquery 獲取父頁面的iframe的src屬性值 其實獲取父頁面的乙個引數或方法有很多種的寫法,現在...

iframe框架下的子父級頁面監控頁面關閉事件

兩種方式 其一 var jq top.jquery jq tt tabs return true 阻止關閉 若當前頁為收銀確認則預設選中 if jq tt tabs exists 此處為title名 其二 window unload function evt if evt window.onbefo...

iframe頁面的 內嵌框架

iframe 在實際專案中是非常常見的 作用 在當前頁面中 可以通過 iframe 來檢視另乙個頁面 操作 1.通過iframe的src 指定的頁面.html 顯示指定頁面內容 2.通過超連結 操作 iframe iframe必須設定name iframe名字 a標籤 包含iframe的頁面可以叫 ...