我正在写一篇关于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)?为什么?
上述方法是否会影响我的网站性能?
有没有其他比上述两种方法更快更好的替代方法/插件?
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>
就站点性能而言,这两种方法都是相同的,因为它们都是异步的。如果使用标记,默认情况下它将异步加载,因此无需担心阻塞代码。