2016-05-23 99 views
2

如果js在用戶的瀏覽器上被禁用,可以禁用整個頁面html?
編輯:
謝謝大家的回答和意見!但是,我的意思是:在這種情況下,我希望將頁面替換爲其他內容,如圖像。防止加載禁用js的頁面

+0

不完全重複,但這個線程會回答你的問題:http://stackoverflow.com/questions/6724515/what-is-the-purpose-of-the-html-no-js- class – durbnpoisn

+0

你的意思是禁用頁面的鏈接?或者,你的意思是完全由「禁用」? –

+0

您可能需要頁面默認情況下使用JS調用渲染替換的內容,該調用實際上會將真實內容替換掉。如果JS被禁用,呼叫將不會通過,並顯示故障轉移內容,但是如果JS調用成功,那麼它會顯示編輯該問題的正確內容 – theaccordance

回答

2

noscript標記爲已在瀏覽器中禁用腳本或不支持腳本的瀏覽器的用戶定義了備用內容。

你可以做這樣的事情在你的HTML的身體,以顯示你想顯示任何圖像:

<noscript> 
    <style type="text/css"> 
     .wrapper {display:none;} 
    </style> 
    <div> 
     <img src="src/to/your/image.png" alt="You don't have javascript enabled"> 
    </div> 
</noscript> 

CSS中noscript標籤內將隱藏wrapper類中的HTML內容。

+0

非常感謝! – CCT

0

不是我所知道的。無論如何,你需要告訴瀏覽器阻止鏈接到它的動作/事件,例如返回false,這是JavaScript的任務。我可以想出兩種選擇:

使所有錨假人並加以改正當JS被打開:

<a href="#" data-href="/actual-url">foo</a> 
$('a').each(function(){ this.href = $(this).data("href");} // * jQuery for simplicity 

把一個層上的錨,你可以用JS去除頂部。

.BlockedAnchor a{ position: relative; } 
.BlockedAnchor a:before{ 
    position: absolute; 
    display: block; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
} 
$('body'removeClass("BlockedAnchor");