window.location.href页面跳转的用法(区别于redirect)
2011-10-25 00:22
417 查看
在写ASP.Net程序的时候,我们经常遇到跳转页面的问题,我们经常使用Response.Redirect 做ASP.NET框架页跳转,如果客户要在跳转的时候使用提示,这个就不灵光了,如:
Response.Write("< script>alert('恭喜您,注册成功!');< /script>"); Response.Redirect("main.html");
这时候我们的提示内容没有出来就跳转了,和Response.Redirect("main.html");没有任何区别。
这时我们采用下面代码试验一下:
ASP.NET框架页跳转的另一实现
Response.Write("< script language=javascript>alert('恭喜您,注册成功!')< /script>"); Response.Write("< script language=javascript>window.location.href='main.html'< /script>");
这个即实现了我们的要求,在提示后,跳转页面。
最重要的是window.location.href 语句可以实现一个框架的页面在执行服务器端代码后刷新另一个框架的页面(Response.Redirect无法达到,至少我没有发现):
如:index.htm页面中有二个框架,分别为 frameLeft和frameRight,在frameRight页面中执行服务器端代码后刷新frameLeft中的页面。
先前最常见的是注册之后,自动刷新登陆框,让登陆框换成已登陆页面,只要在注册成功的代码之后加上一段,即可以实现刷新另个框架的页面。代码如下:
Response.Write("< script language=javascript>alert('恭喜您,注册成功!')< /script>"); Response.Write("< script language=javascript>window.parent.frameLeft.location.href='main.html'< /script>");
这样就搞定了ASP.NET框架页跳转中断的问题。
=====================================================================================
"window.location.href"、"location.href"是本页面跳转
"parent.location.href"是上一层页面跳转
"top.location.href"是最外层的页面跳转
举例说明:
如果A,B,C,D都是jsp,D是C的iframe,C是B的iframe,B是A的iframe,如果D中js这样写
"window.location.href"、"location.href":D页面跳转
"parent.location.href":C页面跳转
"top.location.href":A页面跳转
如果D页面中有form的话,
<form>: form提交后D页面跳转
<form target="_blank">: form提交后弹出新页面
<form target="_parent">: form提交后C页面跳转
<form target="_top"> : form提交后A页面跳转
关于页面刷新,D 页面中这样写:
"parent.location.reload();": C页面刷新 (当然,也可以使用子窗口的 opener 对象来获得父窗口的对象:window.opener.document.location.reload(); )
"top.location.reload();": A页面刷新
相关文章推荐
- window.location与window.open()的区别 "top.location.href"是最外层的页面跳转
- window.location.href/replace/reload()--页面跳转+替换+刷新 区别
- location.href、parent.location.href、top.location.href、 window.open实现页面跳转
- 关于js中window.location.href,location.href,parent.location.href,top.location.href的用法与区别
- js函数在window.location.href跳转页面传参由于空格引发的一个小问题
- ASP.Net中使用 window.location.href 实现页面跳转(转自:永恒的回忆)
- window.location.href和window.open的几种用法和区别
- window.location.href/replace/reload()/页面跳转+替换+刷新
- window.location.href的用法(动态输出跳转)
- window.location.href,window.open,<a href="/"></a>打开新页面区别
- window.location 的几个用法(获取当前页面地址、页面跳转到指定链接、刷新页面)
- javascript 打开页面window.location.href和window.open的区别
- window.location.href页面跳转
- 详解location.href几种用法的区别【JS跳转】
- window.location.href和window.location.reload()方法在ajax提交后返回页面重新加载时候的区别
- jsp页面window.location.href的用法
- window.location.href的用法(动态输出跳转)
- js页面跳转(window.location.href)乱码问题
- location.href、parent.location.href、top.location.href、 window.open实现页面跳转
- window.location window.location.href 跳转url区别