Question

我在本地使用Bootstrap，jQuery和HTML。当您点击button时，您会收到一个数据网址，该网址会被放入iframe视频中。如果你放一个空的src=""，它比没有放任何东西快得多。这是为什么？显然它看起来没关系。

示例：

<script>
var youtube = "https://www.youtube.com/embed/"
    $("button[data-url]").click(function() {
      var code = $(this).data("url")
      var video = youtube + code
      $("iframe").attr("src", video)
    })
</script>

<button type="button" data-url="WhateverCode1">Video 1</button>
<button type="button" data-url="WhateverCode2">Video 2</button>

<!--With src="" is so much faster -->
<div class="embed-responsive embed-responsive-16by9">
  <iframe class="embed-responsive-item" src=""></iframe>
</div>

<!-- Than no src -->
<div class="embed-responsive embed-responsive-16by9">
  <iframe class="embed-responsive-item"></iframe>
</div>

Answer 1

设置src无关紧要，当您点击按钮时，它会设置src值或使用它创建src属性＆＃39;同时给它的DOM值。

HTML以程序方式（从上到下）渲染/填充所有DOM，因此第一个加载第一个，然后是第二个加载。等等。

为什么放置一个空的src属性比放入任何一个更快？

1 个答案: