HTML。如何製作一個空白頁

可以說我有一個正常的網頁。它與它無關。我如何使用JavaScript和HTML，使頁面完成空白（白色）。我已經試過這個了：HTML。如何製作一個空白頁

<body style='z-index:9999;position:absolute;background:#ffffff url('http://removed/bg.jpg') repeat right top;width:1000%;height:1000%;'></body>

但它不包括任何東西。我怎樣才能做到這一點？我只想讓整個頁面在我點擊一個按鈕時變爲空白。

我不知道爲什麼它說這個DOS不符合標準。但我認爲我需要寫更多。

來源

2013-02-15 john

你是什麼意思'空白'？你可以document.location.href ='about：blank'或者你可以用div或者你覆蓋頁面$ .fn.hide頁面... – Shanimal 2013-02-15 00:22:02

<script> 
var eventListener = window.addEventListener ? "addEventListener" : "attachEvent"; 
var clickEvent = eventListener == "attachEvent" ? "onclick" : "click"; 

document.getElementById('buttonId')[eventListener](clickEvent, function(){ 
    document.body.style.display = "none"; 
}); 
<script> 

<button id="buttonId">click me</button

來源

2013-02-15 00:05:22 Josh

謝謝你，那太好了，就是我在找的東西，我不能接受另外幾分鐘的答案 – john 2013-02-15 00:09:16

作爲一般規則，最好避免在HTML正文中使用onClick事件。 – Stuart 2013-02-15 00:17:26

@ gaoshan88但那不是問題。他只問如何隱藏身體。我用於演示目的。 – Josh 2013-02-15 00:18:26

因爲身體的背景總是在元素後面。將樣式放入<div>。

來源

2013-02-15 00:04:09 Mirco

把這個頁面

<style> 
body { 
    background: #fff; 
    color: #fff; 
} 

body > * { 
    display: none; 
} 
</style>

來源

2013-02-15 00:05:34 wheresrhys

的頭要點擊一個按鈕時，頁面變成空白頁（使用jQuery）：

在HTML：

<button id="blankit">Begone!</button>

您的JS：

$(function() { 
    $('#blankit').click(function(){ 
     $('body').hide(); 
    }); 
});

來源

2013-02-15 00:16:01 Stuart

HTML。如何製作一個空白頁

回答

相關問題