伏龙阁资源网

js中onload与onunload的使用示例
站长资源 2024/11/27 佚名
2 0
引言：
今天周末没事，就想起前面自己做的一个B2C的电子商务平台，还有些一些地方没有完善，就想着完善，嗯，问题是这样的，在电子商务平台中有这样一个场景，我将购物车放置在Session中，使其在整个购物的过程中都能从Session中得到购物车模型，我在购物车某型中有的商品都会在数据库中减少其购物车中购买的数量，但是如果我关闭窗口，怎样让Session中的购物车模型中的商品数量添加到数据库中，于是我查找了GOOGLE、百度，得到的第一个提示，就是：关闭窗口自动清除Session，于是找到的第一个方法就是在<body>标签使用onunload属性，调用某个js如：<body onunload=”close()”>该方法是关闭窗口时触发close()事件，于是我就可以在close()方法中定义删除Session的方法……
但是事实不是这样的，当你刷新这个页面，以及点击这个页面上的链接时onunload都会触发，于是我又在GOOGLE，百度中查找：得到的答案如下：
复制代码 代码如下:
<script>
window.onunload = function(){if(self.screenTop>9000)alert('该窗口已经被关闭！')}
</script>
或
<script>
window.onunload = function(){if(self.screenLeft>9000)alert(该窗口已经被关闭！.')}
</script>

说明：
window.screenTop
获取浏览器客户区左上角相对于屏幕左上角的 y 坐标
screenTop>后面的数字必须大于你显示分辩率中的高度
比如，800*600, 这个数得大于600
window.screenLeft
获取浏览器客户区左上角相对于屏幕左上角的 x 坐标
screenLeft>后面的数字必须大于你显示分辩率中的宽度
比如，800*600, 这个数得大于800

通常这两个值设为9000
于是我使用上面的方法，实现了只有在关闭页面才触发onunload事件。

总结：
① 当使用onunload属性时，你可以使用Ajax来清除Session，也可以使用window.location.href来触发某个请求，比如我在这个用的是struts2我可以用<body onunload=”javascript:window.location.href-‘${pageContext.request.contextPath }/cart/closeWindow.action'” >
然后有closeWindow.action这个请求去处理Session中购物车的商品，让其数量添加到数据库中；
② 在此处我也有Ajax来处理请求，但是事实上我们只要处理Session，并不要处理完Session后有任何返回的异步信息，所以我还是使用的触发一个请求的方法，最终的写法如下：
复制代码 代码如下:
<body
onunload="javascript:if(self.screenTop>9000) window.location.href='${pageContext.request.contextPath }/cart/closeWindow.action';">
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
www.wwsws.com 伏龙阁资源网
39,976影音资源
44,792技术资源
21,817软件资源
651,128站长资源

更新日志

友情链接

杰晶网络 DDR爱好者之家 桃源资源网 杰网资源 富贵资源网 南强小屋 铁雪资源网 幽灵资源网 万梅资源网 狼山资源网 白云岛资源网 昆仑资源网 相思资源网 明霞山资源网 内蒙古资源网 黑松山资源网 茶园资源网 饿虎岗资源网 大旗谷资源网 常春岛资源网 岱庙资源网 兴国资源网 快活林资源网 蝙蝠岛资源网 帝王谷资源网 白云城资源网 伏龙阁资源网 清风细雨楼 天枫庄资源网 圆月山庄资源网 无争山庄资源网 神水资源网 移花宫资源网 神剑山庄资源网 无为清净楼资源网 金钱帮资源网 丐帮资源网 华山资源网 极乐门资源网 小李飞刀资源网 凤求凰客栈 风云阁资源网 金狮镖局 鸳鸯亭资源网 千金楼资源网 更多链接