相信很多朋友都遇到过,打开的网页明明都点击关闭浏览器的按钮了,还会提示一个弹窗出来问你需不需要关闭,网上很多下面的这种代码
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;
关闭浏览器后出现的弹窗代码,支持跳转
来源:本站原创 浏览:558次 时间:2015-12-02
转载请注明-原文链接:关闭浏览器后出现的弹窗代码,支持跳转
- 上一篇: 什么是百度指数 百度指数查询怎么看
- 下一篇: 移动端web开发技巧与经验分享
推荐资讯
推荐站点
- 五洲会海购
五洲会,官方认证,正品保证,进口商品海外购物商城。轻松购遍海外进口母婴,进口保健,进口美妆等,100%原装进口,海外直采,保税发货,国内售后,网购海外商品有保障。海淘购物首选,五洲会
www.wzhouhui.com - 药方大全网
本站为您搜集整理了大量的验方偏方秘方古方等中药方(中药方剂)八万多个。你是你自己的中医,我是你的中药方!中医中药秘方网,偏方大全愿为您的健康保驾护航。
www.zhongyf.com - 窝读谷中文网
窝读谷中文网是质量最好的中文小说网站,提供奇幻玄幻,武侠仙侠,历史军事,游戏竞技,都市青春言情,科幻灵异悬疑等中文免费小说全文阅读与小说txt下载。
www.wodugu.com - 西瓜电影
一一影视网(www.yjytv.com)第一时间为你提供西瓜影音2015最新电影大全,最新好看的2015好看的电影电视剧排行榜西瓜影音电影免费在线观看,更新最快的西瓜影音电影电视剧网站!
www.yjytv.com - 宋小宝小品搞笑大全
我爱小宋网(www.5ixiaosong.com)为广大热爱宋小宝的网友提供最新热门的宋小宝小品全集,小品搞笑大全宋小宝,宋小宝综艺节目等宋小宝小品搞笑大全视频在线观看,另外还提供2015宋小宝最新小品MP3下载。
www.5ixiaosong.com - MCM中国官网
广州白云世界皮具贸易中心mcm高仿,专业一比一,原版mcm包包,高仿mcm背包,MCM官网,mcm韩国官网,街拍mcm双肩包,鹿晗同款mcm双肩包,鹿晗mcm双肩包,高仿mcm包包,mcm包包! zjgzrh (15:13:53):
www.10086mcm.com