0

可以说我有一个正常的网站页面。它与上面的内容无关。我如何使用 javascript 和 html 使页面完全空白(白色)。我已经试过了:

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

但它不包括任何东西。我怎样才能做到这一点?当我单击一个按钮时,我只想让整个页面变为空白。

我不知道为什么它说这不符合标准。但我想我需要写更多。

4

4 回答 4

5
<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-15T00:05:22.993 回答
0

因为身体的背景总是在元素的后面。将样式放入<div>.

于 2013-02-15T00:04:09.947 回答
0

把它放在页面的头部

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

body > * {
   display: none;
}
</style>
于 2013-02-15T00:05:34.097 回答
0

要在单击按钮时使页面变为空白(使用 jQuery):

在您的 HTML 中:

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

你的 JS:

$(function() {
    $('#blankit').click(function(){
        $('body').hide();
    });
});
于 2013-02-15T00:16:01.723 回答