跨iframe顯示內容

2021-08-13 11:10:25 字數 951 閱讀 7337

公司後台管理系統是用frameset frame布局的

如下:

現在需求是在top頁面裡面加乙個按鈕,但在right頁面顯示,一開始覺得應該很容易,但費了九牛二虎之力,都沒能實現(可能是本人js能力有限),看了網上其他人的意見,有了一些思路:要想直接去跨frame域基本是不可能的,可以將父頁面轉換成div iframe結構,子頁面再通過jquery對父頁面或子頁面中的div進行樣式修改,傳資料等,問題完美解決。

布局如下:

其中div內就是我想顯示內容的地方。

小貼士

子頁面訪問父頁面元素的jquery方法

$("#list", parent.document).html(list);

$("#list", parent.document).css("left",45);

子頁面訪問其他子頁面元素的方法

$("#list",parent.parent

.right

.document).css("display","none");

//right為其他frame的id

總結因為之前沒有接觸過frame布局,經過學習了解到

frame不能脫離frameset單獨使用,iframe可以

frameset frame放在head中並且不能和body同時使用

frame的高度只能通過frameset控制;iframe可以自己控制,不能通過frameset控制

跨框架iframe選單顯示

div 不能夠跨 iframe 顯示,可採用以下方式解決 leftiframe 選單 rightiframe 顯示具體內容 可以在leftiframe 包含的頁面中控制 rightiframe 中層的顯示和隱藏,將選單項寫到該層中並在適當的位置顯示,也可以使用 ajax 從資料庫中獲取選單項插入到該...

解決iframe載入的內容有時顯示有時不顯示

在asp.net mvc專案中遇到了這樣的乙個問題,假設父頁面有乙個iframe sth src scrolling no frameborder 0 width 100 height 100 通過父頁面上的乙個按鈕觸發該iframe的src屬性指向乙個url var url somecontrol...

iframe 跨協議訪問

眾所周知,ie有個安全策略叫 同源策略 對同協議 同網域名稱 同埠號的訪問沒有限制,但凡有乙個不同,ie會認為這不是同源,拒絕相互訪問。但是我們日常工作中可能會出現某些情況需要突破這個 同源策略 樓主我碰到的問題是,在乙個http 中有個iframe,裡面src是指向https 在自適應高度的js ...