网站常用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> ...
随机推荐
- Ubuntu16.04 server下配置MySQL，并开启远程连接
背景 最近正在学nodejs,想到曾经有台云服务器,但是很久不用了,由于怕麻烦,一股脑的把云主机重装了个Ubuntu系统,于是配置MySQL成了配置服务中的一个环节(node用不用MySQL不管,主要 ...
- Django 同步数据库命令syncdb,makemigrations,migrate
syncdb只支持新增模型到数据库中 2条命令 你将使用2条命令进行迁移和操纵数据库schema: migrate,用来使迁移生效,以及未生效时报告它们的状态. makemigrations,用来根据 ...
- trove datastore 浅析
以下代码来自trove/datastore该目录下一共有4个文件__init__,views,models,service大概关系(主要是wsgi吧,没仔细学过,简单的从代码上做推测),service ...
- js预览PDF的插件（亲测支持IE9，火狐，等等）
aspx文件 <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible ...
- 面向对象---java代码块
概念:代码块是指用{}括起来的一段代码. 根据位置及声明的关键字不同,代码块可分为普通代码块.构造块.静态代码块.同步代码块4种. 1.普通代码块: 直接在方法中或在语句中定义 public clas ...
- CodeForces 78D Archer's Shot
二分. 统计过程如下图: 先统计红线上的个数,然后统计绿线上的个数,然后统计咖啡色线上的个数......一个一个往下统计就可以了. #pragma comment(linker, "/STA ...
- 语义化标签SEO
语义标签 title 和 h1 的区别,我的理解是: title 是整个网页的标题,突出整个网站的内容,H1 突出的是一篇文章的内容. b 与 strong 的区别,b只是样式的加粗,strong 是 ...
- python的web开发环境Django配置
我的系统的windows10: 第一步,安装python3.5 第二步,配置django,如图所示,在python的安装目录下的Scripts里面执行:pip install Django,我这儿提示 ...
- JAVA的if用法，比如if(...){} 和if()没有大括号直接写下面的区别是什么
有大括号的时候 大括号里面所有的 都归if管.只有条件为真的时候 才会执行.没有大括号的时候 只有下面的一句归if管,也就是说 当只有一句的时候 大括号可以省略 其它的 没区别.
- rhel7.2 yum
redhat 的更新包只对注册的用户生效,所以我们自己手动更改成CentOS 的更新包,CentOS几乎和redhat是一样的,所以无需担心软件包是否可安装,安装之后是否有问题. (前提是wget包已 ...