将URL从html传递给javascript

Question

在我的页面上，我有一个部分，我想提供各种RSS源。

我不想使用PHP来提取Feed，因为我的页面会受到从每个服务器返回响应所需时间的影响。

相反，我想做的是将RSS提要URL放在页面上，让Javascript选择它们并提取内容。

解决方案的Javascript方面没有问题，但我找不到将URL从HTML传递到JS的解决方案，我很满意。理想情况下，我想要像...这样的东西。

<div>
    <param name="url" value="/url/of/some/feed">
    <param name="url" value="/url/of/some/other/feed">
</div>

但我意识到这是无效的。

有人有什么好的解决方案吗？ （ps。我不想在我的视图文件中编写JS）

Answer 1

使用data属性，然后您可以使用以下内容：

<div>
    <span class="rss" data-url="/url/of/some/feed"></span>
    <span class="rss" data-url="/url/of/some/other/feed"></span>
</div>

然后，您可以使用rss类来循环DOM元素并获取每个元素的data-url属性 - span可以是任何HTML元素

Nice explanation of on data attributes here

custom attributes is here上的官方HTML5文档 - 但它们适用于任何HTML版本的任何浏览器 - 使用getAttribute()方法