js中onload與onunload的使用示例

2019-11-20 22:22:02

字體：大中小

供稿：網(wǎng)友

引言：
今天周末沒事，就想起前面自己做的一個B2C的電子商務(wù)平臺，還有些一些地方?jīng)]有完善，就想著完善，嗯，問題是這樣的，在電子商務(wù)平臺中有這樣一個場景，我將購物車放置在Session中，使其在整個購物的過程中都能從Session中得到購物車模型，我在購物車某型中有的商品都會在數(shù)據(jù)庫中減少其購物車中購買的數(shù)量，但是如果我關(guān)閉窗口，怎樣讓Session中的購物車模型中的商品數(shù)量添加到數(shù)據(jù)庫中，于是我查找了GOOGLE、百度，得到的第一個提示，就是：關(guān)閉窗口自動清除Session，于是找到的第一個方法就是在<body>標(biāo)簽使用onunload屬性，調(diào)用某個js如：<body onunload=”close()”>該方法是關(guān)閉窗口時觸發(fā)close()事件，于是我就可以在close()方法中定義刪除Session的方法……
但是事實不是這樣的，當(dāng)你刷新這個頁面，以及點擊這個頁面上的鏈接時onunload都會觸發(fā)，于是我又在GOOGLE，百度中查找：得到的答案如下：

復(fù)制代碼代碼如下:

 
<script> 
window.onunload = function(){if(self.screenTop>9000)alert('該窗口已經(jīng)被關(guān)閉！')} 
</script> 
或 
<script> 
window.onunload = function(){if(self.screenLeft>9000)alert(該窗口已經(jīng)被關(guān)閉！.')} 
</script> 

說明：
window.screenTop
獲取瀏覽器客戶區(qū)左上角相對于屏幕左上角的 y 坐標(biāo)
screenTop>后面的數(shù)字必須大于你顯示分辯率中的高度
比如，800*600, 這個數(shù)得大于600
window.screenLeft
獲取瀏覽器客戶區(qū)左上角相對于屏幕左上角的 x 坐標(biāo)
screenLeft>后面的數(shù)字必須大于你顯示分辯率中的寬度
比如，800*600, 這個數(shù)得大于800

通常這兩個值設(shè)為9000
于是我使用上面的方法，實現(xiàn)了只有在關(guān)閉頁面才觸發(fā)onunload事件。

總結(jié)：
① 當(dāng)使用onunload屬性時，你可以使用Ajax來清除Session，也可以使用window.location.href來觸發(fā)某個請求，比如我在這個用的是struts2我可以用<body onunload=”javascript:window.location.href-‘${pageContext.request.contextPath }/cart/closeWindow.action'” >
然后有closeWindow.action這個請求去處理Session中購物車的商品，讓其數(shù)量添加到數(shù)據(jù)庫中；
② 在此處我也有Ajax來處理請求，但是事實上我們只要處理Session，并不要處理完Session后有任何返回的異步信息，所以我還是使用的觸發(fā)一個請求的方法，最終的寫法如下：

復(fù)制代碼代碼如下:

 
<body 
onunload="javascript:if(self.screenTop>9000) window.location.href='${pageContext.request.contextPath }/cart/closeWindow.action';"> 

上一篇：JS 兩個字符串時間的天數(shù)差計算

下一篇：JQuery中對Select的option項的添加、刪除、取值

學(xué)習(xí)交流

索泰發(fā)布一款GTX 1070 Mini迷你版本:小機

索泰發(fā)布一款GTX 1070 Mini迷你版本:小機箱大愛...

熱門圖片

猜你喜歡的新聞

猜你喜歡的關(guān)注

麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

js中onload與onunload的使用示例