在 JavaScript 中存取 iFrame 元素

瀏覽錯綜複雜的 JavaScript 通常會帶來挑戰，尤其是在處理 iFrame 時。當嘗試從 iFrame 的子頁面擷取駐留在 iFrame 中的文字區域的值時，會出現常見的困境。傳統方法在這方面有不足之處。

要深入研究解決方案，承認瀏覽器施加的安全約束至關重要。如果 iFrame 及其子頁面共用相同網域，則透過 JavaScript 的 window.frames 集合授予存取權限。透過採用這種方法，人們可以與 iFrame 元素進行交互，就好像它們是父頁面文件物件的一部分一樣：

// substitute myIFrame with your iFrame ID
// replace myIFrameElemId with your iFrame's element ID
// interact with window.frames['myIFrame'].document as you would with the parent document
window.frames['myIFrame'].document.getElementById('myIFrameElemId')

但是，如果iFrame 的網域與父頁面不同，則安全措施會阻止對框架內元素的未經授權的訪問，因為“相同” -原產地政策。 ”