1.创建a链接
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<a href="./无效页面.html">百度网盘竟泄露(。♥ᴗ♥。) </a>
</body>
</html>
2.创建无效网页
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>无效页面</title>
</head>
<body>
</body>
</html>
<script>
// 找到body父元素
var body=document.getElementsByTagName('body')[0];
console.log(body);
// 创建span
var span=document.createElement('span');
// 插入span
body.appendChild(span);
// span样式
span.style.fontSize='24px';
// 覆盖
span.innerHTML='无效页面5秒退回';
// span.appendChild(time);
span.style.fontWeight='800';
span.style.margin='0px 0px 0px 500px';
span.style.color='red';
console.log(span);
// 创建img
var img_=document.createElement('img');
// 插入img
body.appendChild(img_);
// img样式
img_.src='./wxy.jpg';
// img_.style.textAlign='center';
img_.style.width='900px';
img_.style.height='600px';
// 声明
var i=5;
var time;
// 使用全局变量接收
time=function(){
i--;
// 覆盖
span.innerHTML='无效页面'+i+'秒退回';
if(i==0){
history.back();
clearInterval(time);
}
};
// 执行
setInterval(time,1000);
</script>
3。在无效网页里写样式
1.利用dom找到body父元素
// 找到body父元素
var body=document.getElementsByTagName('body')[0];
console.log(body);
2.创建span以及写入样式
// 创建span
var span=document.createElement('span');
// 插入span
body.appendChild(span);
// span样式
span.style.fontSize='24px';
// 覆盖
span.innerHTML='无效页面5秒退回';
// span.appendChild(time);
span.style.fontWeight='800';
span.style.margin='0px 0px 0px 500px';
span.style.color='red';
console.log(span);
3.创建img以及写入样式
// 创建img
var img_=document.createElement('img');
// 插入img
body.appendChild(img_);
// img样式
img_.src='./wxy.jpg';
// img_.style.textAlign='center';
img_.style.width='900px';
img_.style.height='600px';
4.声明全局变量写函数
var i=5;
var time;
// 使用全局变量接收
time=function(){
i--;
// 覆盖
span.innerHTML='无效页面'+i+'秒退回';
if(i==0){
history.back();
clearInterval(time);
}
};
5.执行
// 执行
setInterval(time,1000);