jquery 动态加载iframe并获取中的html
时间: 2024-03-09 16:46:31 浏览: 73
你可以使用 jQuery 的 `$.get()` 方法来动态加载一个 iframe 页面,并获取其中的 HTML 内容。具体实现步骤如下:
1. 创建一个空的 iframe 元素,并将其添加到页面中。
```javascript
var iframe = $('<iframe>').appendTo('body');
```
2. 使用 `$.get()` 方法加载 iframe 页面,并将其内容设置为 iframe 的 src 属性。
```javascript
$.get('iframe_page.html', function(data) {
iframe.attr('srcdoc', data);
});
```
3. 使用 `iframe` 的 `contentDocument` 属性获取 iframe 中的文档对象,并获取其中的 HTML 内容。
```javascript
var iframeDoc = iframe[0].contentDocument;
var htmlContent = iframeDoc.documentElement.innerHTML;
```
完整代码示例:
```javascript
var iframe = $('<iframe>').appendTo('body');
$.get('iframe_page.html', function(data) {
iframe.attr('srcdoc', data);
var iframeDoc = iframe[0].contentDocument;
var htmlContent = iframeDoc.documentElement.innerHTML;
console.log(htmlContent);
});
```
阅读全文