Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/445.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript HTML。如何制作空白页_Javascript_Html_Css - Fatal编程技术网

Javascript HTML。如何制作空白页

Javascript HTML。如何制作空白页,javascript,html,css,Javascript,Html,Css,假设我有一个普通的网页。这与上面的内容无关。如何使用javascript和html使页面完全空白(白色)。我已经试过了: <body style='z-index:9999;position:absolute;background:#ffffff url('http://removed/bg.jpg') repeat right top;width:1000%;height:1000%;'></body> 但它不包括任何东西。我该怎么做?我只想当我点击一个按钮时整个

假设我有一个普通的网页。这与上面的内容无关。如何使用javascript和html使页面完全空白(白色)。我已经试过了:

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

但它不包括任何东西。我该怎么做?我只想当我点击一个按钮时整个页面变成空白


我不知道为什么它说这不符合标准。但是我认为我需要写更多的东西。

因为身体的背景总是在元素后面。将样式放入一个
,因为主体的背景总是在元素后面。将样式放入


var eventListener=window.addEventListener?“addEventListener”:“attachEvent”;
var clickEvent=eventListener==“attachEvent”?“onclick”:“click”;
document.getElementById('buttonId')[eventListener](clickEvent,function(){
document.body.style.display=“无”;
});
单击我

var eventListener=window.addEventListener?“addEventListener”:“attachEvent”;
var clickEvent=eventListener==“attachEvent”?“onclick”:“click”;
document.getElementById('buttonId')[eventListener](clickEvent,function(){
document.body.style.display=“无”;
});

单击“我”将其放在页面的头部

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

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

身体{
背景:#fff;
颜色:#fff;
}
正文>*{
显示:无;
}

把这个放在页首

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

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

身体{
背景:#fff;
颜色:#fff;
}
正文>*{
显示:无;
}

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

在HTML中:

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

要在单击按钮时使页面变为空白(使用jQuery),请执行以下操作:

在HTML中:

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

谢谢,这太好了,正如我所寻找的,我再过几分钟也不能接受答案。一般来说,在HTML正文中使用onClick事件是最好避免的做法。@gooshan88但那不是问题所在。他只问如何隐藏尸体。我用它来演示,对。你的回答满足了这一点。我只是简单地指出,这并不是最好的方法。如果可能的话,最好展示最佳实践,尤其是对新手来说。谢谢你,这太好了,就我所寻找的,我再过几分钟也不能接受答案。一般来说,在HTML正文中使用onClick事件是一种最佳避免的实践。@gooshan88但这不是问题所在。他只问如何隐藏尸体。我用它来演示,对。你的回答满足了这一点。我只是简单地指出,这并不是最好的方法。如果可能的话,不妨展示最佳实践,尤其是对新手来说。你说的“空白”是什么意思?您可以使用document.location.href='about:blank'或使用div覆盖页面,或使用$.fn.隐藏页面…什么是“blank”?您可以document.location.href='about:blank',也可以用div覆盖页面,或者$.fn.隐藏页面。。。