javascript - display:none 会阻止元素加载吗？

Question

我有一个大的视频文件，我想放在我的主页上。我不希望它拖慢加载时间，所以我想我可以将它设置为 display:none ，然后在页面加载后更改显示。这行得通吗？

Answer 1

这行得通吗？

没有。display: none只会阻止元素被显示；尽管如此，它将被加载。

您可以在您选择的元素检查器中看到这种情况发生（例如在 Firebug 或 IE8 的开发工具中）。

最好的方法可能是之后使用 JavaScript 创建 Video 元素，或者 - 如果您想要一个故障安全解决方案以防 JS 关闭 - 您可以使用 iframe 在用户单击链接时加载视频。

Answer 2

显示与真正的加载速度无关。但是，它可能会以与启动页面相同的方式影响速度的外观。