javascript中window.open在原来的窗口中打开新的窗口(不同名)


Posted in Javascript onNovember 15, 2015

最近做一个JSP网页要求打开一个没有菜单工具栏的IE,想到用window.open 来打开。但是发现如果先前打开的窗体没有关掉,在打开一个窗体的时候就会在先前没有关闭的窗体上打开新的窗体,这样先前的窗口就被替换掉了。经过查找资料和测试发现如果在打开窗体的时候指定的窗体名和当前的某个窗体同名的时候就会在那个窗体上打开。例如下面的情况:

window.open("view_svg.jsp?ukey=<%=ukey%>&itemID=<%=itemID%>&charset=UTF-8","newWindow","height='100%', width='100%',toolbar=no,location=no,directories=no,menubar=no,scrollbars=no,resizable=no,status=no");
这样打开的每一个窗体都是在名为newWindow的窗体中打开。

注意:窗体的名称和title是不一样的。

1.window.open(urlStr,'_blank','');

_blank参数表示打开新的窗口。

2.也可以采用下面的方法使每次打开的窗体都不同名。

<%
Random rd = new Random();
int i = rd.nextInt(100)+1;
String ranStr = String.valueOf(i);
%>
<script type="text/javascript">
function doclose(){
 var currnwin = window.open("view_svg.jsp?ukey=<%=ukey%>&itemID=<%=itemID%>&charset=UTF-8","<%=ranStr%>","height='100%', width='100%',toolbar=no,location=no,directories=no,menubar=no,scrollbars=no,resizable=no,status=no");
window.opener=null;
 window.close();
 window.focus();
}
</script>

下面在给大家介绍使用javascript  window.open 打开新窗口

open() 方法可以查找一个已经存在或者新建的浏览器窗口。

语法:

window.open([URL], [窗口名称], [参数字符串])

参数说明:

URL:可选参数,在窗口中要显示网页的网址或路径。如果省略这个参数,或者它的值是空字符串,那么窗口就不显示任何文档。

窗口名称:可选参数,被打开窗口的名称。

    1.该名称由字母、数字和下划线字符组成。
    2."_top"、"_blank"、"_selft"具有特殊意义的名称。
       _blank:在新窗口显示目标网页
       _self:在当前窗口显示目标网页
       _top:框架网页中在上部窗口中显示目标网页
    3.相同 name 的窗口只能创建一个,要想创建多个窗口则 name 不能相同。
    4.name 不能包含有空格。

参数字符串:可选参数,设置窗口参数,各参数用逗号隔开。

参数表:

javascript中window.open在原来的窗口中打开新的窗口(不同名)

例如:打开http://www.baidu.com网站,大小为300px * 200px,无菜单,无工具栏,无状态栏,有滚动条窗口:

<script type="text/javascript"> window.open('http://www.baidu.com','_blank','width=300,height=200,menubar=no,toolbar=no, status=no,scrollbars=yes')
</script>

友情提醒:在此一定注意浏览器的兼容性问题哈。

Javascript 相关文章推荐
限制复选框的最大可选数
Jul 01 Javascript
读jQuery之七 判断点击了鼠标哪个键的代码
Jun 21 Javascript
文件编码导致jquery失效的解决方法
Jun 26 Javascript
21个值得收藏的Javascript技巧
Feb 04 Javascript
javascript将相对路径转绝对路径示例
Mar 14 Javascript
jquery获取当前日期的方法
Jan 14 Javascript
jquery实现邮箱自动填充提示功能
Nov 17 Javascript
详细讲解vue2+vuex+axios
May 27 Javascript
vue-resource调用promise取数据方式详解
Jul 21 Javascript
微信小程序实现的picker多级联动功能示例
May 23 Javascript
8 个有用的JS技巧(推荐)
Jul 03 Javascript
给原生html中添加水印遮罩层的实现示例
Apr 02 Javascript
深入浅析JavaScript中prototype和proto的关系
Nov 15 #Javascript
apply和call方法定义及apply和call方法的区别
Nov 15 #Javascript
JavaScript和HTML DOM的区别与联系及Javascript和DOM的关系
Nov 15 #Javascript
WEB前端开发都应知道的jquery小技巧及jquery三个简写
Nov 15 #Javascript
JS使用eval解析JSON的注意事项分析
Nov 14 #Javascript
js读取并解析JSON类型数据的方法
Nov 14 #Javascript
基于JS实现PHP的sprintf函数实例
Nov 14 #Javascript
You might like
PHP 服务器配置(使用Apache及IIS两种方法)
2009/06/01 PHP
一个简洁的PHP可逆加密函数(分享)
2013/06/06 PHP
详谈PHP文件目录基础操作
2014/11/11 PHP
php实现从上传文件创建缩略图的方法
2015/04/02 PHP
PHP中使用hidef扩展代替define提高性能
2015/04/09 PHP
PHP实现的随机IP函数【国内IP段】
2016/07/20 PHP
详细解读php的命名空间(二)
2018/02/21 PHP
Windows下wamp php单元测试工具PHPUnit安装及生成日志文件配置方法
2018/05/28 PHP
php实现微信支付之现金红包
2018/05/30 PHP
toString()一个会自动调用的方法
2010/02/08 Javascript
情人节专属 纯js脚本1k大小的3D玫瑰效果
2012/02/11 Javascript
javascript的原生方法获取数组中的最大(最小)值
2012/12/19 Javascript
javascript弹出拖动窗口
2015/08/11 Javascript
iOS + node.js使用Socket.IO框架进行实时通信示例
2017/04/14 Javascript
vue如何进行动画的封装
2018/09/26 Javascript
使用JavaScript解析URL的方法示例
2019/03/01 Javascript
NodeJS开发人员常见五个错误理解
2020/10/14 NodeJs
vue+elementUI动态增加表单项并添加验证的代码详解
2020/12/17 Vue.js
python实现统计代码行数的方法
2015/05/22 Python
浅谈Python中用datetime包进行对时间的一些操作
2016/06/23 Python
解决python中使用PYQT时中文乱码问题
2019/06/17 Python
浅谈python 中类属性共享的问题
2019/07/02 Python
python3爬虫GIL修改多线程实例讲解
2020/11/24 Python
夏尔巴人登珠峰品牌:Sherpa Adventure Gear
2018/02/08 全球购物
家长通知书家长评语
2014/04/17 职场文书
社区党建工作方案
2014/06/10 职场文书
乡镇镇长个人整改措施
2014/10/01 职场文书
关于运动会广播稿300字
2014/10/05 职场文书
2015年高中班主任工作总结
2015/04/30 职场文书
护理工作心得体会
2016/01/22 职场文书
Python基础之操作MySQL数据库
2021/05/06 Python
python通过opencv调用摄像头操作实例分析
2021/06/07 Python
利用 JavaScript 构建命令行应用
2021/11/17 Javascript
我的收音机情缘
2022/04/05 无线电
Nginx 匹配方式
2022/05/15 Servers
纯CSS打字动画的实现示例
2022/08/05 HTML / CSS