日期:2013-10-26  浏览次数:20872 次

我们通常的需求打开新窗口的时候,会采用下面三者之一:(我不知道能否还有其他方法)

1.通过链接打开新的页面
<a href="http://www.simplelife.cn" target="_blank">Open a new window</a>

2.通过JavaScript的window.open()函数打开新的窗口
<script>
window.open("http://www.simplelife.cn");
</script>

3.通过Form表单提交到新的页面
<form action="http://www.simplelife.cn" target="_blank">
Open a new window
</form>

有的时候,我们不但要打开新窗口,而且还想让打开的新窗口有referrer信息,以便统计来路。

通过实验发现:在firefox浏览器下,上面的三种方式在新窗口中都可以顺利的保留referrer,而在IE浏览器下,第二种方式不能保留referrer。

在某种使用场合下,例如在打开窗口前需求做一些数据验证操作等的时候,不允许我们使用链接来打开新窗口,而必须使用JavaScript来打开新窗口,这时候如果还需求保留referrer,经过实验只能使用下面的方式:

<font >Go</font>
<form name=JumpForm id=JumpForm action="" target="_blank" Method=Post>
</form>
<script>
function Go(url){
var form = document.getElementById("JumpForm");
form.action=url;
form.submit();
}
</script>

有的时候,需求跳转的URL是需求参数的,形如:
http://www.simplelife.cn/blog/index.php?op=ViewArticle&articleId=193&blogId=1

这时如果使用Form表单的Get方式提交,将会形成URL携带的参数无法传送过去,只能使用Post方式提交,所以上面的程序使用Post方式提交表单。

这样:既可以打开新窗口,又可以保留referrer的完整处理办法出炉了。