POST中脚本和IFRAME的副作用

时间:2018-12-01 作者:nitasot

我正在写一篇关于HTML的文章。因为邮局将有Codes 在里面。因此,为了在帖子中显示结果,我需要JSFiddle, 通过嵌入代码的结果。

JSFIDLE提供了两种嵌入结果的方法:

Script

<script async src="//jsfiddle.net/o7usdL0a/embed/result/"></script>

IFrame

<iframe width="100%" height="300" src="//jsfiddle.net/o7usdL0a/embedded/result/" allowfullscreen="allowfullscreen" allowpaymentrequest frameborder="0"></iframe>
我的问题是应该使用哪种方法recommended 用于嵌入结果?(脚本/IFrame)?为什么?

上述方法是否会影响我的网站性能?

有没有其他比上述两种方法更快更好的替代方法/插件?

1 个回复
SO网友:Null TX

嵌入iFrame的推荐方法是使用<iframe> 标签它有助于更好的语法,还允许您更好地控制iframe。

例如,您可以删除iframe的边框、控制滚动选项等。

<iframe src="//jsfiddle.net/o7usdL0a/embed/result/" style="width: 100%; height: 300px"
scrolling="no" marginwidth="0" marginheight="0" frameborder="0">
</iframe>
The<script async> 以及<iframe> 就站点性能而言,这两种方法都是相同的,因为它们都是异步的。如果使用标记,默认情况下它将异步加载,因此无需担心阻塞代码。

相关推荐

YouTube IFRAME嵌入不断从页面上消失

我正在尝试在我的主页上嵌入视频。我从YouTube添加嵌入代码,并将其粘贴到gutenberg编辑器上的自定义html博客中。我点击更新并查看我的网站,视频就在那里。我刷新页面,视频就会消失。我转到页面编辑器,视频的嵌入代码已被删除。有人能告诉我为什么会这样吗?我曾尝试在网上进行研究,但这是5年前的文章,回复不起作用。谢谢