javascript - 将 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.我不想在我的 View 文件中写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() 方法