要将 iframe 全屏，可以使用以下代码示例：

HTML:

全屏

JavaScript:

function toggleFullscreen() {
  var iframe = document.getElementById('myIframe');
  
  if (iframe.requestFullscreen) {
    iframe.requestFullscreen();
  } else if (iframe.mozRequestFullScreen) { // 兼容 Firefox
    iframe.mozRequestFullScreen();
  } else if (iframe.webkitRequestFullscreen) { // 兼容 Chrome, Safari 和 Opera
    iframe.webkitRequestFullscreen();
  } else if (iframe.msRequestFullscreen) { // 兼容 IE/Edge
    iframe.msRequestFullscreen();
  }
}

上述代码中，我们创建了一个按钮和一个带有 id="myIframe" 的 iframe。当按钮被点击时，调用 toggleFullscreen() 函数。

在 toggleFullscreen() 函数中，我们首先获取 iframe 元素，然后使用不同的方法请求全屏：

• requestFullscreen() 方法用于标准浏览器（如 Chrome 和 Safari）。
• mozRequestFullScreen() 方法用于 Firefox 浏览器。
• webkitRequestFullscreen() 方法用于 Chrome、Safari 和 Opera 浏览器。
• msRequestFullscreen() 方法用于 IE 和 Edge 浏览器。

这样，当用户点击按钮时，iframe 将会全屏显示。