在jsp中点击网页关闭按钮怎么让它先执行一段javascript后再关闭

JavaScript031

在jsp中点击网页关闭按钮怎么让它先执行一段javascript后再关闭,第1张

到了web浏览器上不管是jsp,还是asp,php等等,最终生成的内容都是html。如果需要交互必定就是javascript。以关闭页面的js来说,你想要的功能,两种方式:

第一、直接执行代码所有执行的代码不包含ajax请求。

function close()

{

//你要执行的非ajax异步任务或代码写在这里

if(condition){

console.log("execute my task")

for(var i = 0i <100i++)

{

console.log(i+"="+i)

}

}else{

//不会执行后面的关闭代码

alert("warning info")

return

}

//写try的目的是因为try语句中的内容,某些浏览器不一定支持

try{

window.openner = null

window.open("_blank","_self","")

window.close()

}catch(e){

winddow.close()

}

}

第二、有ajax请求

方式两种,以jquery的ajax为例

1、采用异步请求,在异步请求完成后关闭窗口

function close()

{

//your other codes go here

.... ...

var myurl = ""

$.ajax({

//注意这歌参数设置是否异步请求,这个设置成异步的

async:true,

url:myurl,

type:"post",

data:{sessionid:"1111-1111-1111-222"},

dataType:"json",

success:function(response)

{

//your other codes go here

... ...

try{

window.openner = null

window.open("_blank","_self","")

window.close()

}catch(e){

winddow.close()

}

},

error:function(xhr,e,emsg){

//ajax 出错的时候回调处理方法

}

})

}

2、采用同步请求

function close()

{

//your other codes go here

.... ...

var myurl = ""

$.ajax({

//注意这歌参数设置是否异步请求,这个设置成异步的

async:false,

url:myurl,

type:"post",

data:{sessionid:"1111-1111-1111-222"},

dataType:"json",

success:function(response)

{

//your other codes go here

... ...

},

error:function(xhr,e,emsg){

//ajax 出错的时候回调处理方法

}

});

try{

window.openner = null

window.open("_blank","_self","")

window.close()

}catch(e){

winddow.close()

}

}

最后不知道你品出我写出来的为什么会那样?我解释一下ajax异步与同步的区别,帮助你理解:

同步,代码执行到ajax这块会一直等到ajax请求结束再执行ajax后面的代码;异步,碰到ajax会放倒一个任务队列中去,任务执行后采取会掉通知进行处理。并且ajax任务放入队列后立马会执行后续的代码,不等ajax请求完毕。

希望对你有帮助。

1、在html中的表单form设置属性action='#'防止自动提交

2、利用js获取html中表单form,重新设置表单的action

3、action设置完毕后调用form.submit()方法提交表单

4、表单提交后利用window.close()关闭当前窗口

示例:

<form action='#' id="myForm">

    <input type="text" name="username" value=""/>

    <input type="button" value="提交" onclick="subform()"/>

</form>

方法:

function subform(){

    var form = document.getElementById('myForm')//获取表单dom

    form.action="testurl"//重新设置提交url

    form.submit()//提交表单

    window.close()//关闭窗口

 }

页面中加入一下代码,劫持页面退出事件:

<script>

window.onbeforeunload = function(event) {

//-----你要执行的代码-------------

return confirm("确定退出吗???")

}

</script>

注意:各内核的浏览器的处理方式是不一样的。