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


Posted in Javascript onJanuary 16, 2009

其实这个问题和浏览器的版本息息相关,作为菜鸟的我,直到现在也没有找到完美的解决办法。没办法,因为业务必须要实现,所以只好用另一种方法去做了:
通过重定向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>

Javascript 相关文章推荐
国外Lightbox v2.03.3 最新版 下载
Oct 17 Javascript
有关DOM元素与事件的3个谜题
Nov 11 Javascript
js简单的表格添加行和删除行操作示例
Mar 31 Javascript
JS运动框架之分享侧边栏动画实例
Mar 03 Javascript
JavaScript判断DIV内容是否为空的方法
Jan 29 Javascript
Vue.Draggable实现拖拽效果
Jul 29 Javascript
angular.js4使用 RxJS 处理多个 Http 请求
Sep 23 Javascript
详解vue 数据传递的方法
Apr 19 Javascript
详解easyui基于 layui.laydate日期扩展组件
Jul 18 Javascript
详解javascript 变量提升(Hoisting)
Mar 12 Javascript
vue 弹窗时 监听手机返回键关闭弹窗功能(页面不跳转)
May 10 Javascript
解决vue-loader加载不上的问题
Oct 21 Javascript
JavaScript URL参数读取改进版
Jan 16 #Javascript
JavaScript 在线压缩和格式化收藏
Jan 16 #Javascript
解javascript 混淆加密收藏
Jan 16 #Javascript
js 浮动层菜单收藏
Jan 16 #Javascript
jquery中常用的SET和GET
Jan 13 #Javascript
JavaScript 私有成员分析
Jan 13 #Javascript
js利用Array.splice实现Array的insert/remove
Jan 13 #Javascript
You might like
深入extjs与php参数交互的详解
2013/06/25 PHP
CI框架开发新浪微博登录接口源码完整版
2014/05/28 PHP
采用ThinkPHP中F方法实现快速缓存实例
2014/06/13 PHP
php实现批量修改文件名称的方法
2016/07/23 PHP
PHP中让json_encode不自动转义斜杠“/”的方法
2017/02/28 PHP
支持汉转拼和拼音分词的PHP中文工具类ChineseUtil
2018/02/23 PHP
Laravel使用原生sql语句并调用的方法
2019/10/09 PHP
推荐10个超棒的jQuery工具提示插件
2011/10/11 Javascript
iframe的父子窗口之间的对象相互调用基本用法
2013/09/03 Javascript
Jquery下EasyUI组件中的DataGrid结果集清空方法
2014/01/06 Javascript
node.js中的fs.readlinkSync方法使用说明
2014/12/17 Javascript
js实现点击链接后窗口缩小并居中的方法
2015/03/02 Javascript
ECMAScript 5中的属性描述符详解
2015/03/02 Javascript
js实现宇宙星空背景效果的方法
2015/03/03 Javascript
在JavaScript中操作时间之getMonth()方法的使用
2015/06/10 Javascript
JavaScript 实现的 zip 压缩和解压缩工具包Zip.js使用详解
2015/12/14 Javascript
使用jQuery实现WordPress中的Ctrl+Enter和@评论回复
2016/05/21 Javascript
实用jquery操作表单元素的简单代码
2016/07/04 Javascript
使用AngularJS对表单提交内容进行验证的操作方法
2017/07/12 Javascript
浅析JS中常用类型转换及运算符表达式
2017/07/23 Javascript
JavaScript实现商品评价五星好评
2020/11/30 Javascript
vue+elementUI动态增加表单项并添加验证的代码详解
2020/12/17 Vue.js
nestjs返回给前端数据格式的封装实现
2021/02/22 Javascript
Python在图片中添加文字的两种方法
2017/04/29 Python
Django 使用logging打印日志的实例
2018/04/28 Python
Python创建一个空的dataframe,并循环赋值的方法
2018/11/08 Python
python虚拟环境的安装和配置(virtualenv,virtualenvwrapper)
2019/08/09 Python
HTML5 声明兼容IE的写法
2011/05/16 HTML / CSS
英国购买威士忌网站:Master of Malt
2019/09/26 全球购物
3个CCIE对一个工程师的面试题
2012/05/06 面试题
新媒传信软件测试面试题
2013/02/24 面试题
十八届三中全会学习方案
2014/02/16 职场文书
2014年国庆节演讲稿
2014/09/02 职场文书
军训结束新闻稿
2015/07/17 职场文书
CSS实现隐藏搜索框功能(动画正反向序列)
2021/07/21 HTML / CSS
Vue3如何理解ref toRef和toRefs的区别
2022/02/18 Vue.js