javascript - 用于单个元素或类似内容的 <noscript> 标记

Question

所以，我有一个 Impressum 链接，可以弹出 Impressum div。

<a data-open="something">Impressum</a>

<div class="reveal" id="something" data-reveal>
   <img src="images/reverseLogo.png">
   <h1>Impressum</h1>
   <p> ligula mattis placerat.</p>
   <p>Fusce vulputate eleifend sapien.</p>
   <p>Suspendisse eu ligula. </p>
   <button class="close-button" data-close aria-label="Close modal" type="button">
    <span aria-hidden="true">&times;</span>
  </button>
</div>

我想问如果浏览器上禁用了 Javascript，是否有任何方法(我知道存在，但我不知道如何实现它)重定向到另一个页面。我目前使用:

<noscript>
  <meta http-equiv="refresh" content="0;url=impressum.html">
</noscript>

问题是，如果未启用 Javascript，它会重定向给定的页面。 我想要的是仅当我单击 impressum 链接 时重定向到 impressum 页面。

提前致谢。

Answer 1

最简单的方法是在你的 dom 中拥有这两个链接。默认情况下，显示 nojs 印记链接。印记弹出链接被隐藏。 然后在 DOM 准备好后，你的 js 只需切换可见性...

html

<a href="./impressum.html" class="nojsimprint">Impressum</a>
<a data-open="something" class="jsimprint">Impressum</a>

CSS

.jsimprint{
display: hidden;
}

js

$().ready(){
  $(".nojsimprint").hide();
  $(".jsimprint").show();
}