jQuery 是一個廣泛使用的 JavaScript 庫,提供了許多方便的方法來處理 HTML 文檔,包括操作 DOM、事件處理、動畫效果等等。其中,iframe 元素可以在瀏覽器窗口中顯示另一個網頁,而 jQuery 提供了 API 來訪問嵌套的 iframe 窗口,即通過 iframe contents(iframe 內容)。
要訪問 iframe 窗口內的內容,需要使用 jQuery 的 contents() 方法,該方法返回一個 jQuery 對象,可以對 iframe 節點進行操作。例如,下面的代碼演示了如何獲取和修改 iframe 中 body 的內容:
// 獲取 iframe 節點 var iframe = $('#my-iframe'); // 訪問 iframe 內容 var iframeContents = iframe.contents(); // 獲取 body 元素 var body = iframeContents.find('body'); // 獲取 body 的純文本內容 var text = body.text(); // 在 body 中插入一個段落 body.append('<p>Hello world!</p>');
上述代碼首先獲取一個 id 為 my-iframe 的 iframe 節點,然后使用 contents() 方法獲取其內容。接下來,通過 find() 方法獲取內部的 body 元素,并使用 text() 方法獲取其純文本內容。最后,在 body 元素中插入一個段落。
需要注意的是,跨域訪問 iframe 內容時會出現安全限制,無法直接訪問其 DOM。而在同域情況下,可以使用上述方法輕松地獲取和操作 iframe 內容,提高 Web 開發效率。