网站常用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> ...

随机推荐

【Java每日一题】20170110
20170109问题解析请点击今日问题下方的"[Java每日一题]20170110"查看(问题解析在公众号首发,公众号ID:weknow619) package Jan2017; ...
ACM第三题完美立方
形如a3= b3 + c3 + d3的等式被称为完美立方等式.例如123= 63 + 83 + 103 .编写一个程序,对任给的正整数N (N≤100),寻找所有的四元组(a, b, c, d),使得 ...
VS生成桌面应用程序
1.简介 1/ 什么是WPF WPF,Windows Presentation Foundation也,译过来就是"Windows呈现基础",你看它的目的非常明确,就是用来把数据& ...
mac 下mysql
We've installed your MySQL database without a root password. To secure it run: mysql_secure_installa ...
OpenGL杂七杂八
Projection Matrix 投影矩阵 3D -> 2D PFD_DOUBLEBUFFER 双缓冲在图形图象处理编程过程中,双缓冲是一种基本的技术.我们知道,如果窗体在响应WM_PAIN ...
ZentaoPHP
1.框架文档http://devel.cnezsoft.com/book/zentaophphelp/about-10.html zentaoPHP二次开发文档http://devel.cnezsof ...
转：KVC/KVO原理详解及编程指南
作者:wangzz 原文地址:http://blog.csdn.net/wzzvictory/article/details/9674431 转载请注明出处如果觉得文章对你有所帮助,请通过留言或 ...
C# 实现客户端程序自动更新
看到一篇不错的帖子,可能以后会用到,果断收藏文章来源博客园jenry(云飞扬)http://www.cnblogs.com/jenry/archive/2006/08/15/477302.html ...
PAT乙级1001. 害死人不偿命的(3n+1)猜想 (15)
卡拉兹(Callatz)猜想: 对任何一个自然数n,如果它是偶数,那么把它砍掉一半:如果它是奇数,那么把(3n+1)砍掉一半.这样一直反复砍下去,最后一定在某一步得到n=1.卡拉兹在1950年的世界数 ...
Zeppelin0.5.6使用hive解释器
此zeppelin为官方0.5.6版,可能还在孵化阶段,可能出现一些bug吧. 配置 cp zeppelin-env.sh.template zeppelin-env.sh vi zeppelin-e ...

网站常用js代码搜集

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

随机推荐

热门专题