禁用Javascript后在ASP中隱藏占位符

Question

我需要檢查是否啟用了Javascript。 如果禁用，則需要隱藏一個占位符。 在此placeholder中的是基於JS（jQuery）的小部件。 禁用Javascript后，用戶只能看到帶有浪費空間的白框。

我發現禁用JS后可以使用<noscript>標記顯示內容（例如帶有ID的<p>來標識此狀態），但是我不知道如何實現檢查此ID的功能是否顯示給用戶。

顯示ID時，應隱藏placeholder 。 使用C#有什么解決方案嗎？

謝謝你的幫助。

Answer 1

您也可以使用JavaScript來實現。 聽起來很奇怪，但是可以。

您甚至不必檢查ID是否顯示。 最初只是使用CSS隱藏placeholder 。 然后，如果啟用了JavaScript，則顯示placeholder 。

Answer 2

呈現標記時，可以在body標簽（或任何適當的父標簽）上設置CSS類，然后使用Javascript更改該類。 當類更改時，您可以設置不同的CSS樣式，包括隱藏標記：

初始html：

<body class="no-js">

<div class="placeholder"></div>
</body>

然后是一些jQuery：

 $( document ).ready(function() {
     //Remove the no-js class and replace it with js
     $(".no-js").addClass('js');
     $(".no-js").removeClass('no-js');
 });

還有一些CSS：

 .no-js .placeholder{
    display: none;
 }

這樣，您的CSS規則將默認為隱藏占位符，但是jQuery會再次將其重新打開。

編輯：jQuery有點區分大小寫;）

禁用Javascript后在ASP中隱藏占位符

問題描述

2 個解決方案

解決方案1
1 2014-07-21 10:36:42

解決方案2
1 已采納 2014-07-21 10:51:44

禁用Javascript后在ASP中隱藏占位符

問題描述

2 個解決方案

解決方案1 1 2014-07-21 10:36:42

解決方案2 1 已采納 2014-07-21 10:51:44

解決方案1
1 2014-07-21 10:36:42

解決方案2
1 已采納 2014-07-21 10:51:44