iframe操作src或url的方式

因爲最近的項目使用了iframe,又開始做適配,而之前項目的一些修改url的操作需要做一些修改才能保證頁面跳轉及顯示正常

"window.location.href"、"location.href"是本頁面跳轉

因爲框架是用的別的項目的,他們提供項目的菜單框架,而內部的iframe嵌入我們的頁面

1.當是我們項目內部,即iframe中頁面修改

1)可以使用"window.location.href"、"location.href"實現當前頁面跳轉

2)也可以直接通過js操作dom,修改iframe的src

例:

<div>
    <iframe id="map" name = "mapiframe" src="/test/abc" frameborder="0" ></iframe>
</div>

 

$("#map").attr("src", '/changeSrc/abc');

當然,使用location.href操作是最方便的

 

2.我們需要修改瀏覽器的url,最外部的 url時

1)可以使用"top.location.href"來操作修改

2)也可以使用window.open("url","_top");

 

3.iframe中還嵌套了一個iframe,我們要從內部的iframe修改上一個iframe的src時

可以使用"parent.location.href"來操作修改
 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章