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 相关文章推荐
js实现iframe动态调整高度的代码
Jan 06 Javascript
javascript父、子页面交互技巧总结
Aug 08 Javascript
jQuery的图片滑块焦点图插件整理推荐
Dec 07 Javascript
js+html5通过canvas指定开始和结束点绘制线条的方法
Jun 05 Javascript
Bootstrap零基础学习第一课之模板
Jul 18 Javascript
bootstrap组件之按钮式下拉菜单小结
Jan 19 Javascript
JS出现失效的情况总结
Jan 20 Javascript
JS实现非首屏图片延迟加载的示例
Jan 06 Javascript
vue裁切预览组件功能的实现步骤
May 04 Javascript
vue 清空input标签 中file的值操作
Jul 21 Javascript
Openlayers实现地图全屏显示
Sep 28 Javascript
ant-design-vue 时间选择器赋值默认时间的操作
Oct 27 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中调用JAVA
2006/10/09 PHP
LotusPhp笔记之:Logger组件的使用方法
2013/05/06 PHP
PHP获取浏览器信息类和客户端地理位置的2个方法
2014/04/24 PHP
分享PHP-pcntl 实现多进程代码
2016/09/30 PHP
在 Laravel 中 “规范” 的开发短信验证码发送功能
2017/10/26 PHP
javascript实现的网页局布刷新效果
2008/12/01 Javascript
js对象的构造和继承实现代码
2010/12/05 Javascript
javascript动态加载三
2012/08/22 Javascript
javascript里模拟sleep(两种实现方式)
2013/01/25 Javascript
javascript中打印当前的时间实现思路及代码
2013/12/18 Javascript
Bootstrap每天必学之按钮(Button)插件
2016/04/25 Javascript
javascript获取select标签选中的值
2016/06/04 Javascript
Node.js的Web模板引擎ejs的入门使用教程
2016/06/06 Javascript
jQuery的Read()方法代替原生JS详解
2016/11/08 Javascript
获取当前月(季度/年)的最后一天(set相关操作及应用)
2016/12/27 Javascript
Node.js Mongodb 密码特殊字符 @的解决方法
2017/04/11 Javascript
p5.js入门教程之键盘交互
2018/03/19 Javascript
Vue项目打包压缩的实现(让页面更快响应)
2020/03/10 Javascript
python爬虫常用的模块分析
2014/08/29 Python
Python 3.6 性能测试框架Locust安装及使用方法(详解)
2017/10/11 Python
Python数据可视化库seaborn的使用总结
2019/01/15 Python
python读取csv和txt数据转换成向量的实例
2019/02/12 Python
Python匿名函数及应用示例
2019/04/09 Python
利用Python进行图像的加法,图像混合(附代码)
2019/07/14 Python
python解释器spython使用及原理解析
2019/08/24 Python
使用HTML5做的导航条详细步骤
2020/10/19 HTML / CSS
俄罗斯马克西多姆家居用品网上商店:Максидом
2020/02/06 全球购物
一家外企的面试题目(C/C++面试题,C语言面试题)
2014/03/24 面试题
教师党员思想汇报
2014/01/06 职场文书
生日派对邀请函
2014/01/13 职场文书
化妆品店促销方案
2014/02/24 职场文书
2014年秋季开学典礼致辞
2014/08/02 职场文书
汽车销售助理岗位职责
2015/04/14 职场文书
2019年警察入党转正申请书最新范文
2019/09/03 职场文书
postgresql无序uuid性能测试及对数据库的影响
2021/06/11 PostgreSQL
Tomcat用户管理的优化配置详解
2022/03/31 Servers