使用Javascript只能隐藏链接/ txt / div

Question

我有一个带有Javascript图像查看器的网站，以扩大我的照片。

因此，如果您使用JS启用浏览，则无需查看链接 到另一页女巫显示照片放大。

如果JS被禁用，你将看不到我用javascript扩大图片的功能，但是 会看到我放大页面的链接。

我需要一个代码来隐藏链接。我一直在寻找TOGGLE开关。

Answer 1

不要隐藏链接，只需将其放入noscript标记：

<noscript>
  <a href="/url">This link only shows up for those without javascript enabled</a>
</noscript>

Answer 2

通常您需要做的是将图片放入包含href和onclick属性的链接

<a href="www.mysite.com/link_to_my_big_image.jpg" onclick="showBigImage();return false;">
    <img src="my_small_image.jpg" alt="click me"/>
</a>

如果禁用JS，则onclick将无效，如果启用了js，则链接不会重定向页面

祝你好运

Answer 3

我在这些情况下做的是在正文或HTML上设置一个名为nojs的类。然后我用javascript删除它。然后，您可以使用以下CSS来涵盖这两种情况：

.js .yourelement {
   display: none;
}

.nojs .yourelement {
   display: block;
}

使用jQuery，您可以：

$(function(){ $("body").addClass("js").removeClass("nojs"); });

它在HTML5 boilerplate中的表现也是如此。