javascript - 未启用 Javascript 时的替代 anchor 标记

Question

当 javascript 未启用时， anchor 标记可以具有不同的“href”属性。

例如:

启用 Javascript:

<a href="#news">News</a>

Javascript 未启用:

<a href="news.html">News</a>

Answer 1

您可以在data-xxxx中添加javascript enabled属性，然后使用javascript将href替换为data-xxxx。

例如，在 HTML 中你可以使用

<a href="news.html" data-js-href="#news">News</a>

在 javascript 中，你可以这样做

var links = document.querySelectorAll('a[data-js-href]');
for (var i=0; i<links.length; ++i) {
    links[i].setAttribute('href', links[i].getAttribute('data-js-href'));
}