删除 iframe 的滚动条

在网页开发中，我们经常会使用 iframe 元素来嵌入其他网页或文档。而 iframe 元素默认会显示滚动条，而这并不总是我们想要的效果。那么该怎么去掉 iframe 的滚动条呢？

方法一：使用 CSS

可以通过 CSS 的方式来让 iframe 不显示滚动条。具体实现方法如下：

iframe {
  overflow:hidden;
}

这个方法的原理很简单，就是让 iframe 对象的 overflow 属性为 hidden，这样就可以隐藏滚动条了。

方法二：使用 JavaScript

在有些情况下，我们可能需要在运行时动态地删除 iframe 的滚动条。这时候可以使用 JavaScript 来实现。

具体实现方法如下：

document.addEventListener('DOMContentLoaded', function() {
  var iframes = document.querySelectorAll('iframe');
  for (var i = 0; i < iframes.length; i++) {
    iframes[i].onload = function(){
      var iframeDocument = this.contentWindow.document;
      var body = iframeDocument.body;
      body.style.overflow = 'hidden';
    };
  }
});

这段代码会在页面加载完成后，动态地提取页面中的所有 iframe 元素，并给它们添加一个 onload 事件。当 iframe 加载完成后，将其 body 标签的 overflow 属性设置为 hidden，从而达到隐藏滚动条的效果。

以上就是删除 iframe 滚动条的两种方法，可以根据实际情况来选择其中一种。