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 相关文章推荐
JavaScript 特殊字符
Apr 05 Javascript
innertext , insertadjacentelement , insertadjacenthtml , insertadjacenttext 等区别
Jun 29 Javascript
json原理分析及实例介绍
Nov 29 Javascript
如何用JavaScript动态呼叫函数(两种方式)
May 03 Javascript
javascript内存管理详细解析
Nov 11 Javascript
关于json字符串与实体之间的严格验证代码
Nov 10 Javascript
JavaScript 监控微信浏览器且自带返回按钮时间
Nov 27 Javascript
javascript 中的try catch应用总结
Apr 01 Javascript
原生JS实现自定义滚动条效果
Oct 27 Javascript
二维码图片生成器QRCode.js简单介绍
Aug 18 Javascript
Angular5中提取公共组件之radio list的实例代码
Jul 10 Javascript
使用vue2实现带地区编号和名称的省市县三级联动效果
Nov 05 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实现在线生成条形码示例分享(条形码生成器)
2013/12/30 PHP
thinkphp隐藏index.php/home并允许访问其他模块的实现方法
2016/10/13 PHP
PHP Header用于页面跳转时的几个注意事项
2016/10/21 PHP
laravel实现查询最后执行的一条sql语句的方法
2019/10/09 PHP
php判断数组是否为空的实例方法
2020/05/10 PHP
JQuery给元素添加/删除节点比如select
2013/04/02 Javascript
url参数中有+、空格、=、%、&amp;、#等特殊符号的问题解决
2013/05/15 Javascript
jquery的ajax简单结构示例代码
2014/02/17 Javascript
jquery ajax应用中iframe自适应高度问题解决方法
2014/04/12 Javascript
Javascript学习笔记之 对象篇(一) : 对象的使用和属性
2014/06/24 Javascript
编写高质量JavaScript代码的基本要点
2016/03/02 Javascript
jQuery实现输入框邮箱内容自动补全与上下翻动显示效果【附demo源码下载】
2016/09/20 Javascript
详解Node.js项目APM监控之New Relic
2017/05/12 Javascript
手把手教你搭建ES6的开发运行环境
2017/07/11 Javascript
JavaScript如何获取到导航条中HTTP信息
2017/10/10 Javascript
node.js通过axios实现网络请求的方法
2018/03/05 Javascript
详解angular2 控制视图的封装模式
2018/12/27 Javascript
JavaScript实现省市联动效果
2019/11/22 Javascript
[03:11]不朽宝藏三外观展示
2020/09/18 DOTA
Python中实现远程调用(RPC、RMI)简单例子
2014/04/28 Python
Python调用C/C++动态链接库的方法详解
2014/07/22 Python
pycharm 取消默认的右击运行unittest的方法
2018/11/29 Python
在python中按照特定顺序访问字典的方法详解
2018/12/14 Python
Django 日志配置按日期滚动的方法
2019/01/31 Python
python 堆和优先队列的使用详解
2019/03/05 Python
Windows平台Python编程必会模块之pywin32介绍
2019/10/01 Python
安装python及pycharm的教程图解
2019/10/10 Python
FFT快速傅里叶变换的python实现过程解析
2019/10/21 Python
使用简单的CSS3属性实现炫酷读者墙效果
2014/01/08 HTML / CSS
匡威俄罗斯官网:Converse俄罗斯
2020/05/09 全球购物
护士求职推荐信范文
2013/11/23 职场文书
护理实习自我鉴定
2013/12/14 职场文书
精彩的英文自荐信
2014/01/30 职场文书
超市员工辞职信范文
2015/05/12 职场文书
2015年乡镇妇联工作总结
2015/05/19 职场文书
python如何进行基准测试
2021/04/26 Python