html如何在原网页上弹出一个小窗口
时间: 2024-04-03 15:33:40 浏览: 130
HTML 如何弹出新窗口
你可以使用HTML中的iframe标签来在原网页上弹出一个小窗口。以下是一些示例代码:
```html
<button onclick="openPopup()">打开弹窗</button>
<div id="popup"></div>
<script>
function openPopup() {
// 创建一个iframe元素并设置其属性
var iframe = document.createElement("iframe");
iframe.setAttribute("src", "http://example.com");
iframe.setAttribute("width", "200");
iframe.setAttribute("height", "200");
// 将iframe元素添加到弹窗div中
var popup = document.getElementById("popup");
popup.appendChild(iframe);
}
</script>
```
上面的代码会在点击按钮时在原网页上弹出一个小窗口,其中包含指定的URL内容。你可以根据需要调整iframe元素的大小和其他属性。
阅读全文