原生JavaScript实现iframe弹层

原生JavaScript可以使用HTML和CSS来创建一个简单的iframe弹层。以下是步骤：

1. **HTML结构**:

<button id="openIframe">打开弹层</button>
<div id="popup" class="hidden">
  <iframe src="https://example.com/iframe-page" width="500" height="300"></iframe>
</div>

这里有一个按钮用于触发弹层显示，`<div>`元素隐藏默认并包含iframe。

2. **CSS样式**:

.hidden {
  display: none;
}

这会将初始状态下的弹层设置为不可见。

3. **JavaScript处理**:

document.getElementById('openIframe').addEventListener('click', function() {
  const popup = document.getElementById('popup');
  popup.classList.remove('hidden'); // 显示弹层
});

这段代码给按钮添加点击事件监听器，当用户点击时，它会移除`hidden`类，使弹层可见。