有关js控制浏览器跳转页面的方式总结

JavaScript015

有关js控制浏览器跳转页面的方式总结,第1张

平常页面跳转可以使用在html中写a标签及跳转地址实现

这种方式的好处在于直观、方便,但是缺点在于页面会出现刷新的情况,可以使用禁用浏览器的默认事件来防止。

也可以使用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 ~~