啓用Javascript提示

Question

我有一個包含很多內容的頁面。如果禁用JavaScript，該頁面可能會顯示自定義錯誤消息。該頁面不能顯示提示消息以外的其他內容。我張貼了一張圖片，這與我的意思是錯誤提示類似。我有一個在我心中的一些圖像錯誤提示..

我怎樣才能實現這一目標？

Answer 1

總的想法是，你會把你的信息HTML（沒有理由使用的圖片，文字會工作得很好）無腳本標籤內是這樣的：如果你想在無腳本的HTML

<noscript>You must enable Javascript in order to use this site.</noscript>

要隱藏/隱藏整個頁面的其餘部分，那麼您需要確保無論它佔用整個頁面還是處於頂部。你能做到這一點的東西是這樣的：

<noscript> 
    <div id="noscript" style="position: absolute; top: 0; left: 0; background-color: #FFF; z-index: 999; height: 100%; width: 100%; text-align: center; padding-top: 50px;"> 
    You must enable Javascript in order to use this site. 
    </div> 
</noscript> 

這裏有一個jsFiddle，顯示瞭如何在無腳本的div作品。小提琴不包括實際的<noscript>標籤，因爲如果沒有JS，小提琴將無法工作，但它會向您展示絕對定位的div如何阻止所有其他內容。在小提琴的HTML區域向下滾動，以查看noscript div HTML（這是我已經複製到此帖子中）。

Answer 2

你的問題是不是真的清楚，但你想要做什麼，我認爲是：

顯示錯誤消息時，用戶尚未啓用JS。

如果是這樣，你可以添加一個覆蓋到你的頁面上，並帶有白色背景和你的錯誤信息。

在網頁的頭部部分，您可以添加（非常非常簡單的例子）：

<script> 
    // js code to remove the message 
</script> 

如果我不明白你的問題請說出來。