使用 Javascript 僅隱藏鏈接/txt/div

Question

我有一個帶有 Javascript 圖像查看器的站點來放大我的照片。

因此，如果您在啟用 JS 的情況下瀏覽，您不必看到指向另一個頁面的鏈接，女巫會顯示放大的圖片。

如果 JS 被禁用，您將不會看到我的 function 來放大帶有 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 的 class。 然后我用 javascript 將其刪除。 然后您可以使用以下 CSS 來涵蓋這兩種情況：

.js .yourelement {
   display: none;
}

.nojs .yourelement {
   display: block;
}

使用 jQuery 您可以：

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

它也是如何在HTML5 樣板中完成的。