iframe中使用jquery查詢

2021-06-19 12:46:18 字數 967 閱讀 9585

今天在公司是給ckeditor新增乙個「是否顯示」標題的功能

難點:外掛程式的內容很多,功能相當強大,在短時間之內無法通讀和理解裡面的邏輯關係,而且修改的內容不能破壞外掛程式內部的邏輯關係,不能因為新增乙個功能而引入更多的問題,因此只能從區域性去解決這個問題

突破口:知道頁面時使用iframe框架插入的html,頁面有些初始化的功能是在這裡完成的,因此在這裡新增這個checkbox元件,然後根據最後的window去尋找自己想要處理的window物件——window.parent.document.body

jquery(expression, [context])——如果指定了 context 引數,如乙個 dom 元素集或 jquery 物件,那就會在這個 context 中查詢。

下面這個例子就是想在iframe的父視窗中新增元件

$('tr.cke_dialog_ui_hbox', parent.document.body).prepend('**標題描述帶入日記');
不能在閉包裡面去訪問動態新增的元件,因為在頁面載入的時候就已經執行了閉包裡面的東西,但是頁面還沒有新增id為kkkk的元件,使用$("#kkkk")得到的值就為空,這樣不能實現預期的目的,出現異常的現象,在瀏覽器中會報指令碼錯誤

如何判斷jquery是否查詢到符合條件的物件?

if(0==$(".check_show_img_title", parent.document.body).length)else
經驗之談:

在頁面中動態新增了元件之後,由於重新整理頁面就恢復了正常初始化的狀態,但是如果是區域性重新整理,可能會新增多個元件,但是如果只需要乙個元件,則就是在離開頁面的時候刪除自己動態新增的元件,這樣問題就來了,可能在不同的瀏覽器中不能刪除,這樣就會很鬱悶,產生出瀏覽器相容的問題,既然是這樣那麼可以換一種思維方式,在某種狀態(在標籤中新增屬性)下就新增,否則就不新增,這樣就不用去刪除自己新增的元件了,換種方式解決了瀏覽器相容的問題

使用jquery操作iframe

使用jquery操作iframe 1 內容裡有兩個ifame leftiframe中jquery改變mainiframe的src mainframe parent.document.body attr src url 2 如果內容裡面有乙個id為mainiframe的ifame ifame包含乙個s...

myeclipse中使用iframe問題

在網上下了個後台模板 結果放在myeclipse裡面效果顯示不出來 查了好多資料,發現是iframe的問題,下面是估計某個論壇上大家討論的結果 就貼出來吧 在用myeclipse中的jsp中用了table和iframe標籤來構成頁面的框架,執行伺服器後發現找不到頁面出現404錯誤,但是在webroo...

vue元件中使用iframe元素

需要在本頁面中展示vue元件中的超連結,位址列不改變的方法 goback 需要使同層元素不被覆蓋,可以加 不過html5有新的dialog元素用於對話方塊。iframe的一些方法 獲取iframe內容 var iframe document.getelementbyid iframe1 var iw...