超連接跳轉嵌套完成iframe框架 頁面雙頭雙尾解決辦法

很久沒寫文章了，今天小碼哥在前輩面前落慫了，但也學了點東西，彌補自身知識的欠缺。

最近在作一個項目的時候，因爲用到第三方框架的緣由，好多本身寫的頁面在框架中跳轉頁面的時候不是碰到跨域問題就是碰到其餘一些稀奇古怪的問題。今天就又碰到一個讓我感受無從着手的問題。那就是在一個超連接上經過URL跳轉頁面，目標頁面是一個由iframe引入的有頭有尾的完整頁面嵌套進當前頁面的一個操做。悲劇由此發生，當點擊超連接的時候，發生以下圖：

這樣的兩個頭部導航的問題。固然還有兩個頁底的問題。就不貼圖了。

就醬紫，小碼哥遭到了前輩的鄙視，55555555.該問題該如何解決呢？

前輩支招，說，在點擊超連接引入iframe時，讓超連接地址直接替換當前頁面的URL地址，不就OK了嘛，，好吧，，且看代碼：

JS以下：window.top.location.href="指向iframe的URL地址";改代碼的意思就是讓連接直接替換掉頂層窗口的URL地址。

就上面一句搞定！！！

其實，在前端開發中，就嵌套iframe的時候，還有好多問題，好比像控制引入的iframe下的某個元素實現控制iframe父級窗口裏的某個元素的時候，該如何操做呢？

固然，方法確定是有的，IT都曉得，不懂問百度。

但小碼哥，爲了加深本身印象，喜歡寫下來，讓本身記得更牢靠。

JS代碼有以下控制語句，小碼哥就用JQuery方法寫了，比較簡單：

$(window.parent.document).find();

上面這句代碼是要寫在iframe裏的JS裏的。就是經過JS控制iframe裏的某個元素，在iframe的父級窗口中經過find方法，找到父級窗口所在的HTML裏的某個元素，已達到控制其執行某個事件的目的。