网站常用js代码搜集

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代码搜集的更多相关文章

网站全局js代码
这几天开始看公司的一套系统,整理的网站全局js代码 /*文件名:base.js功能说明:全站通用的全局变量及公用方法创建日期:2010-09-26*///引入jquery库文件document.wri ...
常用JS代码片段
1.隐藏部分数字,如手机号码,身份证号码 1 2 3 function (str,start,length,mask_char){ return str.replace(str.substr(star ...
站长常用的200个js代码站长常用js代码大全站长常用js代码集合
站长常用的200个js代码 1.文本框焦点问题 onBlur:当失去输入焦点后产生该事件 onFocus:当输入获得焦点后,产生该文件 Onchange:当文字值改变时,产生该事件 Onselect: ...
常用js代码整理、收集
个人整理了一下个人常用到的一些js代码,以方便学习以及日后使用,或许有一些是个人之前从网上摘下来的,但是不记得是具体从哪里来的了,如果你看到有一段代码跟你的文章很相似甚至一样,请不要气愤,请告诉我,我 ...
自动化测试-20.selenium常用JS代码执行
前言: 在工作中有些控件定位不到,需要操作,使用JS代码去修改或者操作达到selenium不能做的操作. 1.Web界面的滑动 1 #coding:utf-8 2 from selenium impo ...
100个常用js代码（转载）
作者:小萧ovo链接:https://zhuanlan.zhihu.com/p/23076321来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. JavaScript定点 ...
网页常用Js代码
1.后退前进 <input type="button" value="后退" onClick="history.go(-1)"> ...
常用js代码学习
1.用JS实现的radio图片选择按钮效果 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &q ...
!!!常用JS代码块（jquery）
jquery代码块 <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> ...

随机推荐

LocalDateTime返回的是Local时间
LocalDateTime返回的是本地时间,比如 LocalDateTime startDateTime = LocalDateTime.of(2016, 9, 18,00, 00); 返回的时间格式 ...
SR-IOV简介
转载:http://docs.oracle.com/cd/E38902_01/html/E38873/glbzi.html SR-IOV 技术是一种基于硬件的虚拟化解决方案,可提高性能和可伸缩性.SR ...
C# LogHelper
using System; using log4net; using log4net.Config; namespace Utils { /// <summary> /// 日志帮助类(l ...
简单入门使用GitHub总结
简单入门使用GitHub总结 ps: 试着自己弄一下GitHub,发现问题多多,中间还差点把自己的资料给全部弄没了(直接摔啦~). 然后网上查找各种资料进行设置终于成功了. 以下是参考的资料链接: G ...
Unity人工智能学习—确定性AI算法之追踪算法二
转自:http://blog.csdn.net/zhangxiao13627093203/article/details/47658673 上一篇讲到了追踪算法的比较简单的形式,看上去比较假,因为AI ...
F9 开发之左树右表中的左树
1 首先在前端应用树树控件 <div class="fui-left"> <div role="head" title="地区选择& ...
初始化git
git config --global user.name "Firstname Lastname" git config --global user.email "yo ...
LeetCode 319. Bulb Switcher
There are n bulbs that are initially off. You first turn on all the bulbs. Then, you turn off every ...
C# DataRow[]转换DataTable
DataTable dt = ... DataRow[] dr = dt.Select("ID=14"); dt = dr.CopyToDataTable();
wampserver使用过程中遇到的问题及相关配置
wampserver集合了Apache+PHP+Mysql 下载地址:点这里安装过程很方便,一直点下一步就行,中间会提示选择默认的浏览器及文件编辑器起因: 使用过程中提示: In the http ...

网站常用js代码搜集

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

随机推荐

热门专题