`` 标签中冲突的 `src` 和内容属性如何影响浏览器执行？

问题：用 src 和 Content 解开脚本标签之谜

考虑以下来自 Google 1 按钮的示例：

<pre class="brush:php;toolbar:false"><script type="text/javascript" src="https://apis.google.com/js/plusone.js">
      {"parsetags": "explicit"}
</script>

这个脚本标签同时拥有 src 属性和内容。这种组合会带来什么复杂性，它如何影响浏览器的执行？

答案：浏览器分歧和 Google 的解决方案

脚本标签中 src 和内容的共存引起浏览器之间不同的解释。有些浏览器仅在 src 属性解析成功时才优先执行内容，而其他浏览器则尝试执行它，无论 src 脚本包含是否成功。

但是，这种行为不可靠并且与 HTML5 规范相矛盾，使其成为最好避免这种做法。

在这种特定情况下，Google 不依赖于任何特定的浏览器行为。包含的内容只是一个对象文字，其执行只会触发一个无声错误。

相反，Google 的代码会解析脚本标记本身的内容，相应地调整其行为。这使他们能够减少浏览器不一致的情况，同时保持所需的功能。

以上是`` 标签中冲突的 `src` 和内容属性如何影响浏览器执行？的详细内容。更多信息请关注PHP中文网其他相关文章！