对于HTML中的属性值来说,多长时间算太长?

我在一个新的应用程序中使用HTML5风格的数据属性(data-foo="bar"),在一个地方存储大量数据(超过100个字符)真的很方便。虽然我怀疑这个数量是可以的,但它提出了一个问题:多少才算太多?


当前回答

我从未听说过对属性的长度有任何限制。

在HTML 4.01规范中,在属性部分没有提到任何限制。

在HTML 4.01 DTD中也是如此——事实上,据我所知,DTD不允许您指定属性的长度。

如果HTML 4中没有这方面的内容,我认为HTML 5中也不会出现这样的内容——而且我实际上也没有看到HTML 5的9.1.2.3属性部分有任何长度限制。

其他回答

我真的不认为有什么限制。我现在知道你能做到

<a onclick=" //...insert 100KB of javascript code here">

它工作得很好。虽然有点难以读懂。

我从未听说过对属性的长度有任何限制。

在HTML 4.01规范中,在属性部分没有提到任何限制。

在HTML 4.01 DTD中也是如此——事实上,据我所知,DTD不允许您指定属性的长度。

如果HTML 4中没有这方面的内容,我认为HTML 5中也不会出现这样的内容——而且我实际上也没有看到HTML 5的9.1.2.3属性部分有任何长度限制。

我刚刚写了一个测试(注意!(参见下面的更新),它将一个长度为1000万的字符串放入一个属性,然后再次检索它,它工作正常(Firefox 3.5.2和Internet Explorer 7)

5000万会让浏览器显示“这个脚本需要很长时间才能完成”的信息。

更新:我已经修复了脚本:它以前设置innerHTML为一个长字符串,现在它正在设置一个数据属性。https://output.jsbin.com/wikulamuni它为我工作,长度为1亿。YMMV。

el.setAttribute('data-test', <<a really long string>>)

最近在Edge(版本81.0.416.58(64位))中进行了测试,数据属性似乎有64k的限制。

从http://dev.w3.org/html5/spec/Overview.html # embedding-custom-non-visible-data:

每个HTML元素都可以指定任意数量的自定义数据属性和任意值。

用于解析/处理这些数据的-*属性值将具有 的局限性。

结果数据属性和值被放置在一个DOMStringMap对象中。 这没有内在的限制。

从http://dev.w3.org/html5/spec/Overview.html # domstringmap:

注意:这里的DOMStringMap接口定义仅用于JavaScript 环境。其他语言绑定需要定义DOMStringMap的方式 为这些语言实现

DOMStringMap是一个具有getter、setter、greator和delete的接口。 setter有两个DOMString类型的参数,name和value。 该值的类型为DOMString,它直接映射到一个JavaScript字符串。

从https://bytes.com/topic/javascript/answers/92088-max-allowed-length-javascript-string:

JavaScript字符串的最大长度是特定于实现的。