HTML.如何制作空白页

HTML. how to make a blank page

本文关键字：空白 何制作 HTML      更新时间：2023-09-26

假设我有一个正常的网站页面。上面的内容无关紧要。我如何使用javascript和html使页面完全空白（白色）。我已经试过了：

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

但它没有涵盖任何内容。我该怎么做？我只想点击一个按钮时整个页面都变成空白。

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

<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

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

将其放在页面的头部

<style>
body {
   background: #fff; 
   color: #fff;
}
body > * {
   display: none;
}
</style>

要在单击按钮时使页面变为空白（使用jQuery）：

在您的HTML:中

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

您的JS:

$(function() {
    $('#blankit').click(function(){
        $('body').hide();
    });
});
相关文章：