javascript - 如何正确使用 'a' 标签和 noscript 替代内容？

Question

我无法通过我的解决方案使 W3C 有效。我想为通过这种方式禁用 JS 的访问者显示替代 URL:

<a href="javascript:void();"><noscript><a href="nojspage.html"></noscript>some anchor text</a>

它完美地工作 - 为启用 JS 的访问者打开一个“弹出式 div”，所有其他都定向到 html 页面。

但是，由于“a 标签的非法嵌套”，验证器在此时中断。

所以我想使用一个 anchor 文本(比这个例子长得多)和多个 a 标签(一个调用 JS，另一个作为常规链接)。通过 JS 显示 anchor 文本不是一种选择，因为我在导航菜单中有很多类似的链接。

我只是想知道如何解决这个问题。

Answer 1

正确的做法是使用渐进式增强而不是noscript。

从常规链接开始。然后在上面层层JS，如果JS成功，则停止正在跟踪的链接。

<a href="nojspage.html">some anchor text</a>
<script>

    function myJsFunction(evt) {
        // Do something with JS
        evt.preventDefault(); // Prevent the link from being followed
    }

    document.querySelector("a").addEventListener("click", myJsFunction);
</script>