javascript - 将 Javascript 变量正确硬编码为 HTML

Question

我意识到我的标题并不完全清楚，但我想不出更好的标题。所以这里是:

我在一个电子商务网站工作，不同的产品应该有不同的最大订单金额。由于为 CMS 编写插件并不是一个真正的选择，因此我想用 javascript 来解决这个问题。

我想做的事:

1. Check wether a div with the class "order-limit" exists
2. Read that divs data-limit-attribute, which contains a number
3. Add a sentence including the number

今天我读到http://danwebb.net/2010/1/27/put-that-data-attribute-away-son-you-might-hurt-someone基本上是说:

Don't use data-* attributes for javascript.

所以现在我想知道:鉴于产品有不同的上限，我所做的最佳实践是什么？

Answer 1

我认为您链接的文章中的这句话是不言自明的:

By all means, use data-* attributes to add semantically valuable data to your HTML but if you are just using it to prop up a script you are writing think again.

顺便说一句，我认为没有最好的方法，只有适合您的具体情况和需求的最佳方法。