我正在尋找解決方案,以顯示我的網站的訪問者信息消息,如果他沒有啓用javascript。我嘗試了一個div中的消息,默認情況下是可見的,但在啓動時立即被jQuery函數隱藏。問題是,該消息是短時間內可見的(直到它被隱藏),什麼是非常惱人的。如果在瀏覽器中未啓用javascript,則顯示消息
如果JS未啓用,還有其他顯示消息的方式嗎?
感謝, 康拉德
我正在尋找解決方案,以顯示我的網站的訪問者信息消息,如果他沒有啓用javascript。我嘗試了一個div中的消息,默認情況下是可見的,但在啓動時立即被jQuery函數隱藏。問題是,該消息是短時間內可見的(直到它被隱藏),什麼是非常惱人的。如果在瀏覽器中未啓用javascript,則顯示消息
如果JS未啓用,還有其他顯示消息的方式嗎?
感謝, 康拉德
使用noscript
標籤:
<noscript>
<div class="awesome-fancy-styling">
This site requires JavaScript. I will only be visible if you have it disabled.
</div>
...
</noscript>
您可以使用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。
這是最有用的答案,因爲有時你只想隱藏web模板的內容,爲no-javascript提供替代方案(所以不用帶有「x」按鈕的覆蓋圖像,沒有JavaScript,只需打開一個新頁面URL) – GameDeveloper 2015-01-09 13:03:59
您可以使用''並提供所需的錯誤消息。
<html>
<body>
<script language="javascript" type="text/javascript">
<!--
document.write("Hello World!")
//-->
</script>
<noscript>
Sorry...JavaScript is needed to go ahead.
</noscript>
</body>
</html>
我用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邏輯,但它適用於所有瀏覽器。
哦,謝謝你......無腳本......這麼簡單:-) – Konrad 2012-02-22 08:27:45
應該有「給我」的問題......哦,我想'[複製]'一個類別。 ;-) – RobG 2015-06-30 04:59:00