常见的404页面;幽默诙谐的;用到的是

top.location


 

代码如下:

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style>
body{text-align:center;
font-family:"微软雅黑"}
/*页脚的标注*/
#home_top {height: 48px;line-height:48px;font-size:18; text-align: center; color:#008CD7;}
#home_bottom {color:#008CD7;text-align:center;font-size:14px;}
</style>
</head>
<body>
<p><img src="bg.gif" width="520" height="320" /></p>
<h1>抱歉,这个页面已经被外星人绑架了</h1>
<p><num id="num">5 </num>秒钟后将带您返回地球</p>
<div>
<h3 id="home_top">网页被外星人绑架了 - Powered By <a href="http://taobao.fm/"target="_blank">broszhu</a>  博客网址:<a href="http://taobao.fm/" target="_blank">taobao.fm</a> </h2>
<p id="home_bottom">学习JavaScript是一件很有趣的事,可以做出很多自豪的小玩意!--broszhu (这个页面是实现原理:<a href="#" target="_blank">点此查看</a></p>
</div>
</body>
</html>
<script>
var oNum=document.getElementById("num");
setTimeout(function(){oNum.innerHTML="4 "},1000);
setTimeout(function(){oNum.innerHTML="3 "},2000);
setTimeout(function(){oNum.innerHTML="2 "},3000);
setTimeout(function(){oNum.innerHTML="1 "},4000);
setTimeout(function(){oNum.innerHTML="0 "},5000);
setTimeout(function(){top.location='http://taobao.fm/';},6000);
/*window.top.location="URL",或 top.location="URL" 这两个效果是一样的。
location="URL"window.location="URL",和location.href="URL" 这三个效果是一样的。
这几个都是用来做URL跳转的。window对象的属性一般都可以省略不写,所以代不代window都可以。比如你在页面上调用close()相当于window.close(),他就会弹出关闭页面确认对话框。在IE6下没有,IE6以上版本都有。
top.location可以跳出框架,如果你的页面不想被别人的网页用iframe嵌入框架页里面,你就可以判断top.location.href==location.href相等就是对的,不相等就top.location.href=‘你网站的URL’,这样你的网站页面就不会被别人装载入框架页里面了。*/
</script>

网页自动跳转的代码如下:

把里面的

content=”3;url=http://taobao.fm/archives/1246″>

3换成0,就是立即跳转网页;

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<!--下面的3如果改成0就是立即跳转!-->
<meta http-equiv="refresh" content="3;url=http://taobao.fm/archives/1246">
<title>网页自动跳转代码 </title>
</head>
<body>
<p><strong>网页3秒后自动跳转代码</strong></p>
</body>
</html>