这种方式的好处在于直观、方便,但是缺点在于页面会出现刷新的情况,可以使用禁用浏览器的默认事件来防止。
也可以使用js控制页面跳转
在html中 为某个标签添加点击事件
在js中 可以使用如下方法来跳转页面
JS阻止关闭和跳转页面方法如下:
window.onbeforeunload = function(){return '要显示的提示内容'
}
onbeforeunload:在即将离开当前页面(刷新或关闭)时执行 JavaScript :
定义和用法
onbeforeunload 事件在即将离开当前页面(刷新或关闭)时触发。
该事件可用于弹出对话框,提示用户是继续浏览页面还是离开当前页面。
对话框默认的提示信息根据不同的浏览器有所不同,标准的信息类似 "确定要离开此页吗?"。该信息不能删除。
但你可以自定义一些消息提示与标准信息一起显示在对话框。
按你的思路,当前页面是htt://www.abc.com/1.html?q=变量1&s=变量2&f=11然后把q=变量1 s=变量2 f=11这几个参数及其值先取出
再然后重定向!
代码如下:
/*
<script>
var Pub={
getParam : function(pPara)
{
if(!pPara || (pPara + '').trim() == '') return null
var tUrl = document.location.toString().toLowerCase()//当前页面的地址,转成小写
var re = new RegExp("(\\\?|&)"+pPara.toLowerCase()+"=([^&]+)(&|$)")
var tArr = tUrl.match(re)
if(tArr) return tArr[2]
else return null
}
}
var q=Pub.getParam("q") //获取p变量值
var s=Pub.getParam("s") //获取s变量值
var f=Pub.getParam("f") //获取s变量值
document.location="go.asp?q=""+q+&s="+s+"&f="+f+"" //跳转
</script>
*/
昨晚临急临忙的把代码写完,也没调试,代码是运行有点问题:-P,修正过的代码如下:
<script>
var Pub={
getParam : function(pPara)
{
//if(!pPara || (pPara + '').trim() == '') return null
var tUrl = document.location.toString().toLowerCase()//当前页面的地址,转成小写
var re = new RegExp("(\\\?|&)"+pPara.toLowerCase()+"=([^&]+)(&|$)")
var tArr = tUrl.match(re)
if(tArr) return tArr[2]
else return null
}
}
var q=Pub.getParam("q") //获取q变量值
var s=Pub.getParam("s") //获取s变量值
var f=Pub.getParam("f") //获取f变量值
alert("q="+q+"&s="+s+"f="+f)
document.location.href="go.asp?q="+q+"&s="+s+"&f="+f+"" //跳转
</script>
必须WWW的环境下才能调试喔
在本机iis 6.0 通过 http://localhost/1.html?q=变量1&s=变量2&f=11 能跳转到 http://localhost/go.asp?q=变量1&s=变量2&f=11 ~~