Javascript JS——自定义图像属性

我需要能够定义这样一个事实：城市位于顶部边缘，道路位于左侧和底部边缘，草地位于右侧边缘

---

我该怎么做？从我读到的有关HTML5自定义数据属性的内容来看，它们似乎是一个可行的选择，例如，data left='road'…，但我希望在进入项目太远之前，能得到具有更多编码经验的人的确认。有什么想法吗？

您完全可以在HTML5标签中添加自定义属性，例如：

    <img left-connection="road" right-connection="railroad"... />

尽管我建议只使用id标记img标记，然后使用JSON对象将id映射到连接数据，如：

---

是的，您可以在HTML5中使用自定义数据属性。只需在它们前面加上数据-例如

    <img id="a11" src="..." />

    <script type="text/javascript> 
       var connectivityData = { a11 : { left : 'road',right:'railroad'}}
    </script>

---

您可以像toske所说的那样使用自定义属性，但我建议您使用场景的JSON创建一个数据对象模型表示，并对该模型进行处理以呈现您的接口

---

编辑：。数据是包含表示每个分幅的一些对象的分幅数组。我使用了jQuery，但是您可以使用您想要的JavaScript库。如果您不知道如何使用jQuery，我建议您学习它。这是一个功能强大且简单的库。

您的属性不应该以数据为前缀吗-？左连接或右连接属性不是HTML5；如果是数据离开了连接，它们就会是。区别在于数据部分实际上是受支持的。你可以在你是对的，抱歉，属性必须有数据前缀。我使用JQuery创建了一个计算器，显示在游戏中任何时候绘制给定棋子的几率，因此简单地扩展我的JQuery模型似乎是合乎逻辑的。如果我使用像您演示的JQuery对象，我甚至需要进入JSON吗？我完全不熟悉JSON。我认为您必须熟悉JSON，因为它使用了很多。这很容易理解。JSON是一种数据交换格式，与XML类似。我用来创建tile数组的sintax不是正确的JSON，但它几乎是相同的。在您的软件中，您将在服务器上使用JSON创建javascript对象，并在javascript客户机代码中获取这些数据，这将JSON表示形式转换为字符串对象。看看页脚，这里有很多例子。

<img src="foo.jpg" data-some-arbitrary-attribute="foo" />