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 に答える