在模式窗口中实现页面跳转 .

本文介绍了解决模式窗口中页面跳转的问题,提供了两种方法:一是使用JavaScript创建隐藏链接实现自动跳转;二是通过表单提交的方式,指定目标窗口名称来完成跳转。

今天使用模式窗口的时候碰到了一个问题。

在使用showModalDialog方法打开一个模式窗口进行操作的过程中,需要在此模态窗口中跳转到另一个页面进行操作。

使用原来的方式不管是表单提交还是使用js,实际的效果为在原模式窗口外打开一个新的页面提交了跳转。

在网上搜索了一番之后终于找到了两种方法,如下:

第一种 使用 JS跳转

在head之间加:
  1. <spanstyle="font-size:18px;"><head>
  2. <basetarget="_self"/>
  3. .....
  4. </head></span>


调用下面的JS方法
[javascript] view plain copy print ?
  1. <spanstyle="font-size:18px;">functiongo_link(url){
  2. varlink=document.createElement("a");
  3. link.href=url;
  4. document.body.appendChild(link);
  5. link.click();
  6. }</span>

传入需要跳转的路径就OK了~

第二种 表单提交的方式
[javascript] view plain copy print ?
  1. <spanstyle="font-size:18px;"><scriptlanguage="javascript">
  2. window.name="win_test"
  3. ......
  4. </script>
  5. ......
  6. <formaction=""target="win_test">
  7. ......
  8. </form></span>
这样就可以实现在原模式窗口中完成页面跳转的功能了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值