<iframe> 使用包含在文件中的内联脚本去除边框

Posted 2023-05-09

【中文标题】<iframe> 使用包含在文件中的内联脚本去除边框

【英文标题】：<iframe> Border removing, using inline script which is included within file

【发布时间】：2020-09-29 16:32:01

【问题描述】：

我们有 index.html，其中 second.html 使用 iframe 包含， 现在，正如我们在 index.html 中看到的 iframe 边框

这里的要求是我们需要在 second.html 中编写内联脚本，以便在 index.html 中渲染 second.html 时，它会移除 iframe 边框。 我们不允许在包含 iframe 的页面中进行任何更改，即 index.html

 <div class="external">
    <iframe src="/folder/second.html"  ></iframe>
</div>

请建议我使用 iframe 包含在 html 中的文件删除 iframe 边框的方法 示例图片：

【参考方案1】：

将此添加到您的代码中

  <iframe src="/folder/second.html" style="border:none;"height:700px;width:100%"><iframe>

【参考方案2】：

iframe 用于显示我们网页中的其他内容。您可以在 iframe 中显示视频、图像和其他网页。

出于安全原因，您不能对渲染器进行任何更改。

如果发生了……那么，

两个网页的脚本、样式和所有部分将混合在一起，并会改变两个页面的设计和功能

您无法从second.html 更改 iframe 的边框。您应该在index.html 中进行更改：

<iframe style="border:0;"></iframe>

不过你可以make changes in some rendering pages of iframe