javascript打开新窗口同时关闭旧窗口

 更新时间:2009年01月16日 21:03:33   作者:  
因业务需要,在网上查找这个问题的解决办法,但是昏天黑地地搞了半天,找到的方法虽然可以实现功能,但是总是会跳出讨厌的“关闭窗口”的提示框,郁闷。
其实这个问题和浏览器的版本息息相关,作为菜鸟的我,直到现在也没有找到完美的解决办法。没办法,因为业务必须要实现,所以只好用另一种方法去做了:
通过重定向URL实现打开新窗口的同时“关闭”旧窗口
test1.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> test1 </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<script type="text/javascript">
function toNewWindow() {
window.top.location.href="test2.html";
}
</script>
<BODY>
<input type="button" value="打开另一个页面test2.html" onclick="toNewWindow()">
</BODY>
</HTML>
test2.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>test2.html</TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
通过重写URL,打开了要跳转的页面test2.html
</BODY>
</HTML>
附:页面跳转的各种方法
第一种:
<script language="javascript" type="text/javascript">
window.location.href="/login.jsp?backurl="+window.location.href;
</script>
第二种:
<script language="javascript">
alert("返回");
window.history.back(-1);
</script>
第三种:
<script language="javascript">
window.navigate("top.jsp");
</script>
第四种:
<script language="JavaScript">
self.location='top.htm';
</script>
第五种:
<script language="javascript">
alert("非法访问!");
top.location='xx.jsp';
</script>
=====javascript中弹出选择框跳转到其他页面=====
<script language="javascript">
<!--
function logout()...{
if (confirm("你确定要注销身份吗?是-选择确定,否-选择取消"))...{
window.location.href="/logout.asp?act=logout"
}
}
-->
</script>
=====javascript中弹出提示框跳转到其他页面=====
<script language="javascript">
<!--
function logout()...{
alert("你确定要注销身份吗?");
window.location.href="/logout.asp?act=logout"
}
-->
</script>

相关文章

  • JS实现自定义简单网页软键盘效果代码

    JS实现自定义简单网页软键盘效果代码

    这篇文章主要介绍了JS实现自定义简单网页软键盘效果代码,可实现简单模拟键盘布局及响应鼠标点击按下键盘按键功能,简单实用,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-11-11
  • uni-app开发微信小程序遇到的部分踩坑实战

    uni-app开发微信小程序遇到的部分踩坑实战

    最近在用uni-app开发微信小程序,这里将开发中遇到的坑和问题记录一下,所以下面这篇文章主要给大家介绍了关于uni-app开发微信小程序遇到的部分踩坑,需要的朋友可以参考下
    2023-02-02
  • javascript字符串与数组转换汇总

    javascript字符串与数组转换汇总

    本文给大家分享的是Js中字符串转换成数组,数组转换成字符串的函数,十分的简单实用,有需要的小伙伴可以参考下。
    2015-05-05
  • ES6如何将 Set 转化为数组示例详解

    ES6如何将 Set 转化为数组示例详解

    这篇文章主要为大家介绍了ES6如何将 Set 转化为数组的方法示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-02-02
  • uniapp开发APP之强制更新和热更新的实现

    uniapp开发APP之强制更新和热更新的实现

    使用uni-app开发,可将代码编译到iOS、Android、微信小程序等多个平台,升级时也需考虑多平台同步升级,下面这篇文章主要给大家介绍了关于uniapp开发APP之强制更新和热更新的相关资料,需要的朋友可以参考下
    2022-12-12
  • 一文总结JavaScript中常见的设计模式

    一文总结JavaScript中常见的设计模式

    在程序设计中有很多实用的设计模式,而其中大部分语言的实现都是基于“类”。在程序设计中有很多实用的设计模式,而其中大部分语言的实现都是基于“类”。,本文将总结了JavaScript中常见的十五种设计模式,感兴趣的朋友可以参考下
    2023-05-05
  • JS实现页面指定区域全屏阅读功能

    JS实现页面指定区域全屏阅读功能

    这篇文章主要介绍了JS实现页面指定区域全屏阅读功能,实现流程大概是需要在项目中安装vueuse及需要用到的页面中引入useFullScreen,本文给大家介绍的非常详细,需要的朋友可以参考下
    2024-06-06
  • 在JavaScript中获取请求的URL参数[正则]

    在JavaScript中获取请求的URL参数[正则]

    在ASP.NET后台代码中,对于这样的URL请求地址:http://www.abc.com?id=001,我们可以通过Request.QueryString["id"]的方法很容易的获取到URL中请求的参数的值,但是要在前台js代码中获取请求的参数的值,应该怎么做呢?
    2010-12-12
  • mvc 、bootstrap 结合分布式图简单实现分页

    mvc 、bootstrap 结合分布式图简单实现分页

    这篇文章主要介绍了mvc 、bootstrap 结合分布式图简单实现分页的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-10-10
  • js实现拖拽效果(构造函数)

    js实现拖拽效果(构造函数)

    这篇文章主要介绍了js利用构造函数实现拖拽效果
    2015-12-12

最新评论