最近在研究做後臺頁面時候,遇到頁面載入過慢,除錯一看,js載入太多,由於使用的是iframe導致瀏覽器每次都要載入js和css,別說快取就不會,

快取對iframe一點效果也沒有,只是對當前的頁面有效,而且iframe還是動態的建立建立的,於是就有了引用父頁面的js想法.

//獲得這個iframe物件
var iframe = $("iframe");
//如果當前頁面引用了jquery,那麼在當前頁面的window中會有一個$屬性
//我們需要的就是他,如果引用其他的js可以做成js物件的形式
//列印一些下你可以看到
console.log(window);

//這樣就獲得iframe的window物件

var iframeWindow = iframe.prop('contentWindow');
 

//在iframe的window物件中建立一個屬性名為$的屬性,並且把當前頁面window物件中的jquery物件複製到iframe中的$屬性上
//為什麼不是 iframeWindow.$ = window.$;由於js程式碼的記憶體管理機制,這樣做只是指向父頁面window物件的$屬性,所以使用jquery的深度複製物件
//互不干擾
iframeWindow.$ = $.extend(window.$);