文件對象指向IFRAME文檔

Question

我試圖瞭解發生了什麼事在我的代碼。

所以我在做什麼是 1的Iframe在頁面 - 點與一些JavaScript aspx頁面。值得注意的是它的同一個域名，所以沒有訪問問題。 2. iframe窗口中的代碼獲取父文檔對象，並將requirejs注入到具有配置的父頭中以加載my-custom-code.js 3. so my-custom-code.js加載到父頁面的頭部並運行良好。

！這是我沒有得到！ 當我嘗試使用窗口和文檔中，他們實際上指向子（IFRAME）文件和窗口，我的定製，code.js ???

所以我想了解它的作品。

感謝

UPDATE：iframe的js文件

var $doc = $(parent.document); 
var head = $doc.find("head"); 
var body = $doc.find("body"); 
var reqConfigScript = "<script class='require-default-config'>var require = { deps: ['http:\/\/localhost/scripts/parent-main.js'], callback: function(main){ } };</script>"; 
body.append(reqConfigScript); 
var parentScript = "<script src='http:\/\/" + location.host + "/scripts/require-2.1.11.min.js' type=\"text/javascript\"></script>"; 
head.append(parentScript); 

Answer 1

好吧，這是一個有點很難猜測，因爲我不知道該庫是如何工作的......但試試這個：

parent.require = { 
    deps: ['http:\/\/localhost/scripts/parent-main.js'], 
    callback: function(main){ } 
}; 
var parentScript = parent.document.createElement('script'); 
// important to use `parent.document` so the right document owns the script 
parentScript.src = "http://"+location.host+"/script/require-2.1.11.min.js"; 
parentScript.type = "text/javascript"; 
parent.document.body.appendChild(parentScript);