將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>

然后你可以用一類rss循環DOM元素並獲取每個元素的data-url屬性 - span可以是任何HTML元素

這里對數據屬性的解釋很好

關於自定義屬性的官方HTML5文檔在這里 - 但它們可以在任何HTML版本的任何瀏覽器中使用 - 使用getAttribute()方法