相信很多朋友都遇到过,打开的网页明明都点击关闭浏览器的按钮了,还会提示一个弹窗出来问你需不需要关闭,网上很多下面的这种代码
window.onbeforeunload = onbeforeunload_handler;
function onbeforeunload_handler(){
var warning="你确定要离开vincent博客吗?";
return warning;
}
但是这种代码点击留在此页网页只能显示在当前页面!下面的代码就不同与这种了,点击留在此页后可以设置跳转到指定的页面!
/*vincent http://www.tbhyb.com*/
var exitsplashmessage = '你确定要离开vincent博客吗?';
var exitsplashpage = 'http://www.tbhyb.com';
/*vincent http://www.tbhyb.com*/
function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = func;
} else {
window.onload = function() {
if (oldonload) {
oldonload();
}
func();
}
}
}
/*vincent http://www.tbhyb.com*/
function addClickEvent(a, i, func) {
if (typeof a[i].onclick != 'function') {
a[i].onclick = func;
}
}
/*vincent http://www.tbhyb.com*/
var theDiv = '
<div id="ExitSplashDiv" style="display:block; width:100%; height:100%; position:absolute; background:#FFFFFF; margin-top:0px; margin-left:0px;" align="center">';
theDiv = theDiv + '<iframe src="'+exitsplashpage+'" width="100%" height="100%" align="middle" frameborder="0"></iframe>';
theDiv = theDiv + '</div>
';
theBody = document.body;
if (!theBody) {
theBody = document.getElementById("body");
if (!theBody) {
theBody = document.getElementsByTagName("body")[0];
}
}
/*vincent http://www.tbhyb.com*/
var PreventExitSplash = false;
function DisplayExitSplash() {
if (PreventExitSplash == false) {
window.scrollTo(0, 0);
PreventExitSplash = true;
divtag = document.createElement("div");
divtag.setAttribute("id", "ExitSplashMainOuterLayer");
divtag.style.position = "absolute";
divtag.style.width = "100%";
divtag.style.height = "100%";
divtag.style.zIndex = "99";
divtag.style.left = "0px";
divtag.style.top = "0px";
divtag.innerHTML = theDiv;
theBody.innerHTML = "";
theBody.topMargin = "0px";
theBody.rightMargin = "0px";
theBody.bottomMargin = "0px";
theBody.leftMargin = "0px";
theBody.style.overflow = "hidden";
theBody.appendChild(divtag);
return exitsplashmessage;
}
}
/*vincent http://www.tbhyb.com*/
var a = document.getElementsByTagName('A');
for (var i = 0; i < a.length; i++) {
if (a[i].target !== '_blank') {
addClickEvent(a, i,
function() {
PreventExitSplash = true;
});
} else {
addClickEvent(a, i,
function() {
PreventExitSplash = false;
});
}
}
/*vincent http://www.tbhyb.com*/
disablelinksfunc = function() {
var a = document.getElementsByTagName('A');
for (var i = 0; i < a.length; i++) {
if (a[i].target !== '_blank') {
addClickEvent(a, i,
function() {
PreventExitSplash = true;
});
} else {
addClickEvent(a, i,
function() {
PreventExitSplash = false;
});
}
}
}
addLoadEvent(disablelinksfunc);
disableformsfunc = function() {
var f = document.getElementsByTagName('FORM');
for (var i = 0; i < f.length; i++) {
if (!f[i].onclick) {
f[i].onclick = function() {
PreventExitSplash = true;
}
} else if (!f[i].onsubmit) {
f[i].onsubmit = function() {
PreventExitSplash = true;
}
}
}
}
/*vincent http://www.tbhyb.com*/
addLoadEvent(disableformsfunc);
window.onbeforeunload = DisplayExitSplash;
关闭浏览器后出现的弹窗代码,支持跳转
文章来源:本站原创 浏览次数:372 发布时间:2015-12-02
转载请注明-原文链接:关闭浏览器后出现的弹窗代码,支持跳转
- 上一篇: 什么是百度指数 百度指数查询怎么看
- 下一篇: 移动端web开发技巧与经验分享
推荐资讯
推荐站点
- 搜外友链平台,网站权重管理专家,专注友情链接交换、交易、查询、监控。
搜外友链平台,网站权重管理专家,专注友情链接交换、友情链接交易、友情链接查询和友情链接监控。
didi.seowhy.com - 3117站长服务平台
3117站长服务平台,专注于站长变现、交易支持。友链交换、购买、网站转让、买卖链接、软文发布等业务全覆盖。为站长提供互利共赢的
www.3117.cn - 小搜资源教学网- 汇集软件下载,网站源码,免费分享活动线报
专注免费分享QQ技术资源及自学教程,每天坚持分享网络教学技术资源,努力为各位网友呈现优质的资源,需要各种自学技术教程请来资源教学网
www.xiaosheng88.cn - 我爱啦目录网 - 网站目录_分类目录_网站大全_网址导航_网址大全国内外网址大全应有尽有
我爱啦目录网人工收集编辑国内外网址大全,整理和收藏网站大全导航,让用户快速的找到自己需要的网站大全,用户还可以使用站内网站导航进去搜索国内外网站以及购物、团购、设计、视频、电影、军事、学习、交友、新闻等等的相关网址分类信息。
www.52la.cc - 903导航网-优质的站点收录平台
903导航网(l903.com)是一个汇聚了全网最优质网站的导航网,903导航网是收集全面、准确、精彩的科技资讯,包括:论坛,游戏,视频,资源,娱乐,等让你快速提高百度权重,增加百度收录的专业网址导航!
www.l903.com - 站长导航网-站长自动链,自助链,网址之家,搜索大全,绿色,快速,安全的专业导航站
站长导航网,站长自动链是一个专业权威的上网导航,提供音乐,电影,视频,小说,游戏,财经,NBA,购物,软件,免费,QQ,动漫,网页,娱乐,新闻,论坛,美女,图片,博客等网上导航服务。无需注册,无需审核,提交网站,做上链接,清除缓存,点击一次,完成收录!
www.fudaowojia.cn