1.404页面

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script href="https://cdn.jsdelivr.net/npm/promise-polyfill@7/dist/polyfill.min.js"></script>
<script src="https://js.fundebug.cn/fundebug.0.3.4.min.js" apikey="4ff49c050ed0ead32da68d9e21f5923f31cc33c5cae1dcec93b14e03f84505e4"></script>
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
<meta name=screen-orientation content=portrait>
<meta name=apple-mobile-web-app-capable content=yes>
<meta name=format-detection content="telephone=no">
<meta name=full-screen content=yes>
<meta http-equiv=X-UA-Compatible content="IE=edge">
<meta name=renderer content=webkit>
<meta http-equiv=Pragma content=no-cache>
<meta http-equiv=Cache-Control content=no-cache>
<meta http-equiv=Expires content=0>
<meta name=x5-fullscreen content=true>
<meta content=yes name=apple-mobile-web-app-capable>
<meta content=yes name=apple-touch-fullscreen>
<meta content="telephone=no,email=no" name=format-detection>
<meta content="modeName=750-12" name=grid>
<!-- <link rel="shortcut icon" href="/src/assets/common/images/favicon.ico" type="image/x-icon"> -->
<title>404</title>
<style>
html body{
font-size: 100px;
}
.wrap{
width: 100%;
}
.nodata_wrap {
width: 100%;
display: block;
text-align: center;
}
.nodata_wrap .pic {
width: 60%;
height: auto;
margin-top: 100px;
}
.nodata_wrap .text {
font-size: 20px;
color: #666666;
margin: 0 auto;
}
.nodata_wrap .tt{
font-size: 60px;
color:#C8E7FE;
text-align: center;
margin: 12px auto 30px;
}
.blue{
color:#C8E7FE;
}
.nodata_wrap .fz14{
font-size: 16px;
}
.fz30{
font-size: 30px;
}
</style>
<script type="text/javascript">
window.onload = function(){
var $seconds=document.getElementById("seconds");
var waitTime=5;
function timeOut() {
if(waitTime != 0) {
setTimeout(function() {
$seconds.innerText=(--waitTime);
if(waitTime == 0){
location.href="./index.html";
}
timeOut();
}, 1000);
}
}
timeOut();
}
</script>
</head>
<body>
<div class="wrap">
<div class="nodata_wrap">
<img src="https://i2.ygimg.cn/cmp/mp/404.png" alt="" class="pic">
<p class="tt">404</p>
<p class="text">您要找的页面不见啦,请稍后再试~</p>
<p class="text"><i class="blue fz30" id="seconds">5</i> 秒后</p>
<p class="text fz14">自动跳转。 <a href="./index.html" class="blue">评测首页</a></p>
</div>
</div>
<!-- built files will be auto injected -->
</body>
</html>

1.若是手机端打开,则跳转到手机页面

<script language="javascript">

if(navigator.userAgent.match(/(iPhone|iPod|Android|iTouch)/i)){
window.location='http://m.sumargrass.com/';
}
</script>

 2.window.onload不能重复使用,后面的函数会覆盖前面的。

(1)若函数不是很多,可如下解决:

window.onload=function(){

fun1();

fun2();

} 

(2)自定义功能函数addLoadEvent();

  function addLoadEvent(func){

    var oldonload=window.onload;

    if(typeof window.onload!='function'){   //若window.onload没有绑定函数,则像平时那样添加函数即可

      window.onload=func;

    }else{

      window.onload=function(){     //若window.onload绑定函数,则在匿名函数内,追加

          oldonload();

          func();

                  }

      }

}

调用方式:addLoadEvent(fun1);

    addLoadEvent(fun2);

网站常用js代码搜集的更多相关文章

  1. 网站全局js代码

    这几天开始看公司的一套系统,整理的网站全局js代码 /*文件名:base.js功能说明:全站通用的全局变量及公用方法创建日期:2010-09-26*///引入jquery库文件document.wri ...

  2. 常用JS代码片段

    1.隐藏部分数字,如手机号码,身份证号码 1 2 3 function (str,start,length,mask_char){ return str.replace(str.substr(star ...

  3. 站长常用的200个js代码 站长常用js代码大全 站长常用js代码集合

    站长常用的200个js代码 1.文本框焦点问题 onBlur:当失去输入焦点后产生该事件 onFocus:当输入获得焦点后,产生该文件 Onchange:当文字值改变时,产生该事件 Onselect: ...

  4. 常用js代码整理、收集

    个人整理了一下个人常用到的一些js代码,以方便学习以及日后使用,或许有一些是个人之前从网上摘下来的,但是不记得是具体从哪里来的了,如果你看到有一段代码跟你的文章很相似甚至一样,请不要气愤,请告诉我,我 ...

  5. 自动化测试-20.selenium常用JS代码执行

    前言: 在工作中有些控件定位不到,需要操作,使用JS代码去修改或者操作达到selenium不能做的操作. 1.Web界面的滑动 1 #coding:utf-8 2 from selenium impo ...

  6. 100个常用js代码(转载)

    作者:小萧ovo链接:https://zhuanlan.zhihu.com/p/23076321来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. JavaScript定点 ...

  7. 网页常用Js代码

    1.后退前进 <input type="button" value="后退" onClick="history.go(-1)"> ...

  8. 常用js代码学习

    1.用JS实现的radio图片选择按钮效果 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &q ...

  9. !!!常用JS代码块 (jquery)

    jquery代码块 <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> ...

随机推荐

  1. 以域管理账户连接到TFS或git时,设置IE允许Cookies

    在 Windows 域环境中,每个项目组会创建一个项目管理账户,在和其他项目组进行数据交互时,只需要授予该项目管理账户相应的权限,方便了权限的管理.对于项目组管理账户:domain\admin,该域账 ...

  2. 用备份控制文件做不完全恢复下的完全恢复(全备<老>--备份控制文件<次新>--删除表空间andy--日志文件<新>)

    为什么会使用备份的控制文件? 实际工作中主要有两种情况:第一种:当前控制文件全部损坏,而数据文件备份,控制文件备份及当前日志处于不同SCN版本,它们之间又增加过表空间(数据文件).第二种:当前控制文件 ...

  3. Eclipse连接MySQL出现Server time zone is unrecognized错误

    错误代码: The server time zone value '?й???????' is unrecognized or represents more than one time zone. ...

  4. Java线程如何返回数据

    前言 当开发者从单线程开发模式过渡到多线程环境,一个比较棘手的问题就是如何在一个线程中返回数据,众所周知,run()方法和start()方法不会返回任何值. 笔者在学习<Java Network ...

  5. gridcontrol datatemplate trigger

    <TextBlock Name="textBlock" HorizontalAlignment="Left" Text="{Binding Va ...

  6. To the end

    身为一名初二狗的我也走过了半年.不管怎么说人生中也没有几个半年嘛.从九月到现在快四个月了,我也离中考越来越近了/郁闷/.但是还是要好好过唔.不过我想起这半学期还是挺充实的,至少没有浪费太多的时间.有些 ...

  7. Kali

    http://zydhacker.blog.163.com/blog/static/211795073201447337920/

  8. Python操作redis、memcache和ORM框架_Day13

    一.memcache Memcached 是一个高性能的分布式内存对象缓存系统,用于动态Web应用以减轻数据库负载.它通过在内存中缓存数据和对象来减少读取数据库的次数,从而提高动态.数据库驱动网站的速 ...

  9. Python基础知识学习_Day6

    一.time&datetime模块 常用选项如下: import time print(time.asctime()) #返回时间格式 print(time.localtime())#返回本地 ...

  10. eclipse中debug快捷方式

    eclipse中如何跳转到指定行 :ctrl+L  然后输入行数 F5:跳入方法 F6:向下逐行调试 F7:跳出方法 F8:直接跳转到下一个断点 持续更新