iframe动态加载html
时间: 2023-07-06 21:37:22 浏览: 45
你可以使用JavaScript来动态加载HTML文件到iframe中。下面是一个简单的示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>动态加载HTML到iframe</title>
</head>
<body>
<button onclick="loadHTML()">加载HTML</button>
<iframe id="myFrame" width="100%" height="400"></iframe>
<script>
function loadHTML() {
var iframe = document.getElementById("myFrame");
iframe.src = "path/to/your/html/file.html";
}
</script>
</body>
</html>
```
当用户点击“加载HTML”按钮时,JavaScript代码会将HTML文件的路径设置为iframe的src属性值,从而动态加载HTML文件到iframe中。注意,这里的路径应该是相对于当前HTML文件的路径。