将URL从html传递给javascript

Question

在我的页面上,我有一个部分,我想提取各种RSS源.

我不想使用PHP引入提要,因为我的页面将受到从每个服务器获取响应所需的时间的影响.

相反,我想要做的是将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>

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

这里对数据属性的解释很好

关于自定义属性的官方HTML5文档在这里 - 但它们可以在任何HTML版本的任何浏览器中使用 - 使用该getAttribute()方法