js实现当前页面关闭功能

页面实现

<div><input type="button" value="关闭当前页" class="close" onclick="closeWin()">
</div>

js的关闭方法

function closeWin(){//有关闭确认//if(confirm("您确定要关闭本页吗？")){window.opener=null;window.open('','_self');window.close();//}
}

关闭按钮的样式

.close{background-color: #f44336;border: none;color: white;padding: 15px 32px;text-align: center;text-decoration: none;display: inline-block;font-size: 16px;cursor: pointer;position:fixed;top:10px;right:5px;
}//鼠标悬停时出现的阴影
.close:hover {box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}

最终实现效果：

在触摸屏并全屏显示的情况下，使用这个方式来关闭当前打开的页面是很好的方式。

2019.05.10 补充

发现这个关闭的方法不是任何时候都有效的，只能在关闭子窗口或者点击链接打开的新窗口才有效。

js实现当前页面关闭功能相关推荐

html判断是否在页面,js判断页面关闭
JavaScript判断某个页面是否已经关闭 var N=document.getElementById(your_submit_Id); var flag=0; N.attachEvent(&quo ...
java计算器监听放大缩小,js监听页面放大缩小
demo body[zoom='scale']:before{ content: '您的网页处于缩放状态,请按 Ctrl+0 恢复到浏览器默认大小'; z-index: 9999; position: ...
HTML页面打印功能js代码,JavaScript_js实现页面打印功能实例代码(附去页眉页脚功能代码)，复制代码代码如下: html - phpStudy...
js实现页面打印功能实例代码(附去页眉页脚功能代码) 复制代码代码如下: @media print{ .print {display:block;} .notPrint {display:none; ...
js关闭当前页面/关闭当前窗口/移动端代码
原创地址:js关闭当前页面/关闭当前窗口/移动端代码 function close(){ var userAgent = navigator.userAgent; if (userAgent.ind ...
用JS在html页面实现打印功能
用JS在html页面实现打印功能打印方式一: 打印方式二: 打印方式三(此方式会重新打开一个浏览器窗口): 做项目时,有在网页实现全局和局部打印的需求,百度许久,现总结如下: 打印方式一: 1.首先 ...
js监测页面关闭发送Ajax请求（浏览器关闭注销用户，清空session）
说明: 需求为页面关闭发送一个ajax请求,使关闭浏览器及时清空session(浏览器关闭session并不会清空) 网站同时只能一个用户登录,同一账号后登录的用户不能把前一个登录的用户踢下线,有一个 ...
服务器静态页面分享微信,JS中静态页面如何实现微信分享功能
JS中静态页面如何实现微信分享功能发布时间:2021-07-06 11:09:02 来源:亿速云阅读:65 作者:小新这篇文章主要介绍了JS中静态页面如何实现微信分享功能,具有一定借鉴价值,感兴 ...
html监听页面关闭事件,JS针对浏览器窗口关闭事件的监听方法集锦
本文实例总结了JS针对浏览器窗口关闭事件的监听方法.分享给大家供大家参考,具体如下: 方式一:(适用于IE浏览器,而且刷新不提示,只在点击浏览器关闭按钮的时候提示) window.οnbefοreun ...
JS事件卸载事件当用户退出页面时（页面关闭、页面刷新等），触发onUnload事件，同时执行被调用的程序。注意：不同浏览器对onunload事件支持不同。...
卸载事件(onunload) 当用户退出页面时(页面关闭.页面刷新等),触发onUnload事件,同时执行被调用的程序. 注意:不同浏览器对onunload事件支持不同. 如下代码,当退出页面时,弹出 ...

js实现当前页面关闭功能

js实现当前页面关闭功能相关推荐

最新文章

热门文章