delcookie

本文介绍了一种使用JavaScript实现的删除浏览器Cookies的方法。通过设置Cookies的过期时间为过去的时间点,达到删除的效果。需要注意的是,必须确保设置的路径(path)与创建Cookie时指定的路径相同,否则将无法成功删除。
function delCookie(name)
{
var exp = new Date();
exp.setTime(exp.getTime() - 1);
var cval=getCookie(name);
if(cval!=null) document.cookie= name + "="+cval+";path=/z3/;expires="+exp.toGMTString();

}

一定注意路径!!!不对就删不到

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %> <!DOCTYPE html> <html lang="en"> <%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no,minimum-scale=1.0"> <title><spring:message code="location_adjustment"/></title> <!-- compiled css output --> <%@ include file="../common/header.jsp" %> </head> <style> .float-bottom { position: fixed; bottom: 0; left: 0; width: 100%; background: #fff; } </style> <%--<spring:message code="login_name"></spring:message>--%> <body> <div id="container" class="scroller" style="height: 100%;"> <div class="loading"> Loading </div> <div class="bar-positive bar bar-header disable-user-behavior" style="position:relative;"> <div side="right" class="pull-right"> <button class="button button-icon button-clear ion-ios-undo-outline" onclick="end()"> </button> </div> <h1 class="h1 title"><spring:message code="location_adjustment"/></h1> <%@include file="../common/left.jsp"%> </div> <div class="content text-center padding" id="scanStep3"> <div id="scanStep0"> <h1> <div class="positive subheader-height-arrange-unit-scan-main-content"><spring:message code="out"/></div> </h1> <div class="positive has-subheader-content-arrange-unit-scan-sub-content"><spring:message code="please_scan_outof-location"/></div> </div> <div id="scanStep1" style="display: none;"> <h1> <div class="positive subheader-height-arrange-unit-scan-main-content"><spring:message code="in"/></div> </h1> <div class="positive has-subheader-content-arrange-unit-scan-sub-content"><spring:message code="please_scan_into-location"/></div> <div style="text-align:center;color:#AAAAAA;margin-top:10px;" id="outUnitName"></div> </div> <div class="content item-input-inset" style="margin-top:20px;"> <label class="item-input-wrapper"> <input type="text" placeholder="<spring:message code="scan_NFC/bar_code/input_mobile_location_manually" />" id="storageunit">   </label> <a href="javascript:WE.scanQRCode();"><i class="icon ion-ios-camera"></i></a> </div> <button class="button button-block button-positive" style="margin-top:20px;" type="submit" onclick="submitUnitName()"><spring:message code="submit_location"/></button> </div> <div id="scanStep2" style="display: none;"> <div class="bar bar-subheader-content subheader-height-arrange-unit-scan-finish padding" on-hold="arrangeAllOutUnitMac()"> <table class="xsa-table-content" width="100%"> <tr ng-show="true"> <td width="45%"><h3><span class="positive arrange-unit-scan-finish-unit-info-base" id="outUnit"></span></h3></td> <td width="10%" style="text-align:center"><h3><i class="icon ion-arrow-right-a positive"></i> </h3></td> <td width="45%"><h3><span class="positive arrange-unit-scan-finish-unit-info-base" id="inUnit"></span></h3></td> </tr> </table> <table class="arrange-unit-scan-finish-attached-info-table" width="100%"> <tr> <td width="45%"><span class="arrange-unit-scan-finish-unit-info-base arrange-unit-scan-finish-unit-attached-info-base" id="outstorageName">{{outUnitObj.storageName}}[{{outUnitObj.unitUseTypeDesc}}]</span> </td> <td width="10%"></td> <td width="45%"><span class="arrange-unit-scan-finish-unit-info-base arrange-unit-scan-finish-unit-attached-info-base" id="instorageName">{{inUnitObj.storageName}}[{{inUnitObj.unitUseTypeDesc}}]</span></td> </tr> <tr> <td width="45%"><span class="arrange-unit-scan-finish-unit-info-base arrange-unit-scan-finish-unit-attached-info-base" id="outquantity"><spring:message code="quantity"/> : {{outUnitObj.macnoQuantity}}</span> </td> <td width="10%"></td> <td width="45%"><span class="arrange-unit-scan-finish-unit-info-base arrange-unit-scan-finish-unit-attached-info-base" id="inquantity"><spring:message code="category"/> : {{inUnitObj.macnoQuantity}}</span> </td> </tr> <tr> <td width="45%"><span class="arrange-unit-scan-finish-unit-info-base arrange-unit-scan-finish-unit-attached-info-base" id="outtotalQuantity"><spring:message code="quantity"/> : {{outUnitObj.totalQuantity}}</span></td> <td width="10%"></td> <td width="45%"><span class="arrange-unit-scan-finish-unit-info-base arrange-unit-scan-finish-unit-attached-info-base" id="intotalQuantity"><spring:message code="category"/> : {{inUnitObj.totalQuantity}}</span></td> </tr> </table> </div> <div class="has-header has-subheader-content-arrange-unit-scan-finish has-bar-for-footer-button"> <div> <div class="macInfoList" class="xsa-pickup-finish item-button-right" style="padding-right:0px; overflow: hidden;"> <!--<ion-item quick-ng-repeat="item in macInfoList" quick-repeat-list="macInfoList" class="xsa-pickup-finish item-button-right" style="padding-right:0px">--> <table width="100%" class="table" style="margin-bottom: 80px"> </table> </div> </div> </div> </div> </div> <div class="content text-center padding float-bottom" style="display: none;"> <button class="button button-block button-positive" onclick="end()"><spring:message code="finish_adjustment"/></button> </div> <%@ include file="../common/footer.jsp" %> <script> function scanQRCodeResult(code) { $('#storageunit').val(code); submitUnitName(); } function readNFCDataResult(nfcData) { $('#storageunit').val(nfcData); submitUnitName(); } var scanStep = 0; var storage_unit_out = ''; var storage_unit_in = ''; $(function () { storage_unit_in = getCookie('storage_unit_in') ? $.parseJSON(getCookie('storage_unit_in')) : null; storage_unit_out = getCookie('storage_unit_out') ? $.parseJSON(getCookie('storage_unit_out')) : null; if (storage_unit_out != null) { scanStep = 1; } if (storage_unit_out != null && storage_unit_in != null) { scanStep = 2; } setStep(); $('body').on('click', '.macInfoList tr', function () { setCookie("current_mac_info", $(this).attr('data-value')); $('#spinner').show(); window.location.href = "<%=request.getContextPath()%>/mobile/arrangeunit/detail?v="+Date.parse(new Date()); }); }); function setStep() { if (scanStep == 0) { $('#scanStep0').show(); $('#scanStep1').hide(); $('#scanStep2').hide(); $('.float-bottom').hide(); $('.pull-right').hide(); } else if (scanStep == 1) { $('#outUnitName').html('<spring:message code="location" />:' + storage_unit_out.name + '(' + storage_unit_out.storageName + '[' + storage_unit_out.unitUseTypeDesc + '])'); $('#scanStep0').hide(); $('#scanStep1').show(); $('#scanStep2').hide(); $('.float-bottom').hide(); $('.pull-right').show(); } else if (scanStep == 2) { $('#scanStep0').hide(); $('#scanStep1').hide(); $('#scanStep2').show(); $('.float-bottom').show(); $('#scanStep3').hide(); $('.pull-right').hide(); $('#outUnit').html(storage_unit_out.name); $('#inUnit').html(storage_unit_in.name); $('#outstorageName').html(storage_unit_out.storageName + '[' + storage_unit_out.unitUseTypeDesc + '])'); $('#instorageName').html(storage_unit_in.storageName + '[' + storage_unit_in.unitUseTypeDesc + '])'); $('#outquantity').html('<spring:message code="category" /> :' + storage_unit_out.macnoQuantity); $('#inquantity').html('<spring:message code="category" /> :' + storage_unit_in.macnoQuantity); $('#outtotalQuantity').html('<spring:message code="quantity" /> :' + storage_unit_out.totalQuantity); $('#intotalQuantity').html('<spring:message code="quantity" /> :' + storage_unit_in.totalQuantity); macList(); } } function macList() { data = {outUnitName: (storage_unit_out.name)}; $.ajax({ type: "get", url: malApiUrl + "?data="+getPostdata(data,"xsa.arrangeUnitGetMacInfoList2") + "&callback=jsoncallback", async: false, dataType: "jsonp", jsonp:'callback',//传递给请求处理程序或页面的,用以获得jsonp回调函数名的参数名(默认为:callback) jsonpCallback:"success_jsonpCallback",//自定义的jsonp回调函数名称,默认为jQuery自动生成的随机函数名 success_jsonpCallback: function(data){ }, success: function (data) { data = setData(data); data.result = JSON.parse(data.result); if (data.code == 0) { if (data.result.length == 0) { BootstrapDialog.show({ title: '<spring:message code="message"/>', message: '<spring:message code="moving_location_finsh"/>'.format(storage_unit_out.name), buttons: [{ label: '<spring:message code="confirm"/>', action: function (dialog) { delCookie("storage_unit_in"); delCookie("storage_unit_out"); delCookie("current_mac_info"); $('#spinner').show(); window.location.href = "<%=request.getContextPath()%>/mobile/arrangeunit/unit?v="+Date.parse(new Date()); } }] }); } for (var i = 0; i < data.result.length; i++) { var item = data.result[i]; var item_str = escape(JSON.stringify(item)); $('.macInfoList table').append('<tr data-value="' + item_str + '"><td><div><h4>' + item.macname + '</h4></div><div>' + item.macno + '<span class="positive">* ' + item.quantity + '</span></div></td></tr>'); } } }, error: function (data) { message("提交数据失败!"); } }); } function submitUnitName() { setStep(); var url = ''; var data = ''; if (scanStep == 0) { data = {outUnitName: $('#storageunit').val()}; url = malApiUrl + "?data="+getPostdata(data,"xsa.arrangeUnitScanOutUnit2") + "&callback=jsoncallback"; } else if (scanStep == 1) { data = {outUnitName: storage_unit_out.name, inUnitName: $('#storageunit').val()}; url = malApiUrl + "?data="+getPostdata(data,"xsa.arrangeUnitScanInUnit2") + "&callback=jsoncallback"; } $.ajax({ type: "get", url: url, async: false, dataType: "jsonp", jsonp:'callback',//传递给请求处理程序或页面的,用以获得jsonp回调函数名的参数名(默认为:callback) jsonpCallback:"success_jsonpCallback",//自定义的jsonp回调函数名称,默认为jQuery自动生成的随机函数名 success_jsonpCallback: function(data){ }, success: function (data) { data = setData(data); if (data.code == 0) { data.result = JSON.parse(data.result); if (scanStep == 0) { storage_unit_out = data.result; setCookie('storage_unit_out', JSON.stringify(data.result)); playMp3('<%=request.getContextPath() %>/mobile/raw/sound_pickup_one_success.mp3'); message(data.msg); } else { storage_unit_in = data.result; if (storage_unit_out.name == storage_unit_in.name) { playMp3('<%=request.getContextPath() %>/mobile/raw/sound_pickup_fail.mp3'); message('<spring:message code="sample_location_out_in"/>'.format(storage_unit_out.name,storage_unit_in.name)); return; } setCookie('storage_unit_in', JSON.stringify(data.result)); playMp3('<%=request.getContextPath() %>/mobile/raw/sound_pickup_one_success.mp3'); message(data.msg); } scanStep = scanStep + 1; $('#storageunit').val(''); setStep(); } else { playMp3('<%=request.getContextPath() %>/mobile/raw/sound_pickup_fail.mp3'); message(data.msg); } }, error: function (data) { message("提交数据失败!"); } }); } function end() { BootstrapDialog.show({ title: '<spring:message code="message"/>', message: '<spring:message code="adjustment_finsh"/> ', buttons: [{ label: '<spring:message code="cancel"/>', class: 'cancle', action: function (dialog) { dialog.close(); } }, { label: '<spring:message code="confirm"/>', class: 'confirm', action: function (dialog) { delCookie("storage_unit_in"); delCookie("storage_unit_out"); delCookie("current_mac_info"); $('#spinner').show(); window.location.href = "<%=request.getContextPath()%>/mobile/arrangeunit/unit?v="+Date.parse(new Date()); } }] }); } </script> </body> </html> 这个里面的scanStep == 3时这个的页面的长按箭头按着应该弹出弹框的现在是为什么弹不出来呢
07-05
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值