设置错误值与删除属性

Question

我正在阅读有关布尔属性此处的内容，其中表示对于布尔属性（在此具体示例， 的 loop 属性），无论您设置什么值，它都会被识别为“true”。为了真正设置为falsy，你不能像loop=false那样设置它，也不能用javascript设置['loop']=false，而是必须删除诸如通过执行removeAttribute('loop')。这是真的吗？

我一开始相信了这一点，但据 Chrome 进行检查，似乎设置为 ['loop']=false 实际上确实会使其被识别为虚假。我不确定这个事实在跨浏览器考虑时有多稳健。浏览器之间有什么区别吗？

Answer 1

布尔属性解释如下：

http://www.w3 .org/TR/html4/intro/sgmltut.html#h-3.3.4.2

一些属性扮演布尔变量的角色（例如，选定的
OPTION 元素的属性）。它们出现在开始标签中
元素的 意味着该属性的值为“true”。他们的
缺席意味着值为“false”。

布尔属性可以合法地采用单个值：
属性本身（例如，selected=“selected”）。

因此，虽然某些浏览器可能会将字符串“false”解释为未设置该值，但其他浏览器可能不会决定这样做（这是正确的行为）。实际上，据我所知（或想法），任何非空字符串通常将值设置为 on/true （无论规范所说的合法​​值是什么）。我相信这也是未定义的行为，因此这也可能会随着浏览器的不同而改变或有所不同（不要依赖它）。

最重要的是，仅仅因为一两个浏览器可能偏离规范并不意味着您应该这样做。完全删除该属性是正确的方法。

附录：仔细看看您的评论和问题，我认为您可能对一般属性值感到困惑。在 HTML 中，attr=false 和 attr="false" 完全相同。任何版本的 HTML 中都不需要引号（除非当值包含空格时需要使用引号来消除歧义）。例如：

<input class=required>
<!-- This is fine -->

<input class=title required>
<!-- this is fine too, but "required" will be parsed as an attribute -->

<input class="title required">
<!-- To have two classes, we need the quotes -->

所有属性值（在具有这些属性的元素上）都被视为字符串。换句话说，HTML 中不存在像 JavaScript 中那样的真正的布尔值（或 NULL 值）。

Answer 2

因此，将来需要此功能的任何人：

除非删除整个 loop 属性，否则 loop=false 仍保持 true 。基本上，只要存在循环，标签就需要做其他事情。您需要使用类似 jQuery 的东西来删除整个 loop 属性（或者至少我会这样做）。现在，如果您将另一个未定义属性设置为 false，那么您就能够将其识别为 false。

Answer 3

audio 元素是一个 HTML5 元素，因此有关其含义，您应该查阅 HTML5 草案。在这种情况下，请参阅开发者版本中的布尔属性的定义 WHATWG 草案。实际上，它表示：a) 属性的存在或不存在决定了 DOM 属性值是 true 还是 false，b) 作为对文档的要求，该值必须为空或（不区分大小写）属性名称，在本例中为 loop='' 或 loop="loop"。值周围引号的使用在其他地方定义。

因此，浏览器需要识别 loop=false 与 loop=loop 或 loop=true 的含义相同，但作者不得使用此类构造，HTML5 检查器会发出有关它们的错误消息。

（基本上，您应该在 HTML5 的 HTML 序列化中使用 loop ，在 XHTML 序列化中使用 loop="loop" 。）

因此，如果您有一个变量 x 在 JavaScript 中，以 audio 元素对象作为其值，x.loop 的值为 true 或 false而x.attributes['loop'].value 表示 HTML 标记中使用的值（通常并不有趣）。

对于 Firefox，还有一个更复杂的问题：它似乎仍然不支持 loop 属性（请参阅问题 HTML5 音频循环）。这意味着，如果您设置 loop="loop"，x.attributes['loop'].value 将是 loop，但 Firefox 会这样做甚至没有设置x.loop（即，它是未定义的），更不用说实现该功能了。

Answer 4

您混淆了字符串和真正的布尔类型。 Javascript 有一个布尔数据类型，有两个可能的值 true 和 false（不带引号）。字符串可以包含任何文本，因此它们可以包含带引号的“true”和“false”。将属性设置为非 null 和非 false 会产生 true，因此将遵循以下内容：

var a = true; // true
var b = false; // false
var c = "true"; // true
var d = "false" // true
var e = null; // false;
var f = 0; // false
var g = 1; // true

注意与 C 的相似之处。