2012-02-22 72 views
9

我正在尋找解決方案,以顯示我的網站的訪問者信息消息,如果他沒有啓用javascript。我嘗試了一個div中的消息,默認情況下是可見的,但在啓動時立即被jQuery函數隱藏。問題是,該消息是短時間內可見的(直到它被隱藏),什麼是非常惱人的。如果在瀏覽器中未啓用javascript,則顯示消息

如果JS未啓用,還有其他顯示消息的方式嗎?

感謝, 康拉德

回答

29

使用noscript標籤:

<noscript> 

    <div class="awesome-fancy-styling"> 
    This site requires JavaScript. I will only be visible if you have it disabled. 
    </div> 
    ... 
</noscript> 

https://developer.mozilla.org/en/HTML/Element/noscript

+0

哦,謝謝你......無腳本......這麼簡單:-) – Konrad 2012-02-22 08:27:45

+0

應該有「給我」的問題......哦,我想'[複製]'一個類別。 ;-) – RobG 2015-06-30 04:59:00

3

您可以使用noscript,這些標籤內將顯示,如果用戶禁用JavaScript。

如果你想隱藏其他的內容,如果用戶不啓用JavaScript,你可以做一些像這樣(這使用jQuery的):

<style type="text/css"> 
    .example { 
     display: none; 
    } 
</style> 

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $('.example').show(); 
    }); 
</script> 

<div class="example"> 
    <p>...</p> 
</div> 

<noscript> 
    <p>You must have javascript enabled for the example div to show!</p> 
</noscript> 

這將只顯示,如果用戶的內容已啓用JavaScript。

+1

這是最有用的答案,因爲有時你只想隱藏web模板的內容,爲no-javascript提供替代方案(所以不用帶有「x」按鈕的覆蓋圖像,沒有JavaScript,只需打開一個新頁面URL) – GameDeveloper 2015-01-09 13:03:59

1

您可以使用''並提供所需的錯誤消息。

<html> 
    <body> 

    <script language="javascript" type="text/javascript"> 
    <!-- 
     document.write("Hello World!") 
    //--> 
    </script> 

    <noscript> 
    Sorry...JavaScript is needed to go ahead. 
    </noscript> 

    </body> 
    </html> 
1

我用noscript沒有工作,我嘗試了幾種選擇。

我最終使用:

<p align=center id=js_disabled_message> 
    x.com requires JavaScript Enabled <br> <a href="https://www.enable-javascript.com/">www.enable-javascript.com</a> 
</p> 
<script> 
    document.getElementById('js_disabled_message').style.display = 'none'; 
</script> 

這將隱藏p標籤,只有如果js啓用。
檢測是否啓用了JavaScript這是有點opossite邏輯,但它適用於所有瀏覽器。

SRC

相關問題