iframe加载html
时间: 2023-07-06 17:08:20 浏览: 71
如果您想在iframe中加载一个HTML页面,可以使用以下代码:
```html
<iframe src="path/to/your/file.html"></iframe>
```
请将 `path/to/your/file.html` 替换为您要加载的HTML文件的路径。
如果您想通过JavaScript加载HTML文件并将其插入到iframe中,可以使用以下代码:
```javascript
var iframe = document.getElementById('your-iframe');
var xhr = new XMLHttpRequest();
xhr.open('GET', 'path/to/your/file.html', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4) {
if (xhr.status === 200) {
iframe.contentWindow.document.open();
iframe.contentWindow.document.write(xhr.responseText);
iframe.contentWindow.document.close();
} else {
console.error(xhr.statusText);
}
}
};
xhr.send(null);
```
请将 `your-iframe` 替换为您的iframe元素的ID,并将 `path/to/your/file.html` 替换为您要加载的HTML文件的路径。
阅读全文