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 相关文章推荐
Iframe thickbox2.0使用的方法
Mar 05 Javascript
google jQuery 引用文件,jQuery 引用地址集合(jquery 1.2.6至jquery1.5.2)
Apr 24 Javascript
取消选中单选框radio的三种方式示例介绍
Dec 23 Javascript
javascript实现模拟时钟的方法
May 13 Javascript
Jquery解析json字符串及json数组的方法
May 29 Javascript
JavaScript实现点击单选按钮改变输入框中文本域内容的方法
Aug 12 Javascript
js仿百度切换皮肤功能(html+css)
Jul 10 Javascript
JS实现选定指定HTML元素对象中指定文本内容功能示例
Feb 13 Javascript
Angular.Js中ng-include指令的使用与实现
May 07 Javascript
关于webpack代码拆分的解析
Jul 20 Javascript
vue中使用cookies和crypto-js实现记住密码和加密的方法
Oct 18 Javascript
JavaScript ES6常用基础知识总结
Feb 09 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
全国FM电台频率大全 - 24 贵州省
2020/03/11 无线电
使用VisualStudio开发php的图文设置方法
2010/08/21 PHP
解析PHP跳出循环的方法以及continue、break、exit的区别介绍
2013/07/01 PHP
PHP生成随机密码方法汇总
2015/08/27 PHP
weiphp微信公众平台授权设置
2016/01/04 PHP
PHP常见漏洞攻击分析
2016/02/21 PHP
PHP钩子实现方法解析
2019/05/21 PHP
Laravel 创建指定表 migrate的例子
2019/10/09 PHP
各种常用浏览器getBoundingClientRect的解析
2009/05/21 Javascript
js实现的页面矩阵图形变换特效
2016/01/26 Javascript
jquery中键盘事件小结
2016/02/24 Javascript
nodejs搭建本地http服务器教程
2017/03/13 NodeJs
Angularjs 双向绑定时字符串的转换成数字类型的问题
2017/06/12 Javascript
在vue 中使用 less的教程详解
2018/09/26 Javascript
vue项目中仿element-ui弹框效果的实例代码
2019/04/22 Javascript
微信小程序云开发之云函数详解
2019/05/16 Javascript
微信小程序和H5页面间相互跳转代码实例
2019/09/19 Javascript
vue+Element中table表格实现可编辑(select下拉框)
2020/05/21 Javascript
解决echarts echarts数据动态更新和dataZoom被重置问题
2020/07/20 Javascript
JS画布动态实现黑客帝国背景效果
2020/11/08 Javascript
python3.4.3下逐行读入txt文本并去重的方法
2018/04/29 Python
python用fsolve、leastsq对非线性方程组求解
2018/12/15 Python
python获取点击的坐标画图形的方法
2019/07/09 Python
关于Python3 类方法、静态方法新解
2019/08/30 Python
Python3实现二叉树的最大深度
2019/09/30 Python
tensorflow 自定义损失函数示例代码
2020/02/05 Python
详解Python 函数参数的拆解
2020/09/02 Python
Python3自带工具2to3.py 转换 Python2.x 代码到Python3的操作
2021/03/03 Python
浅谈HTML5新增及移除的元素
2016/06/27 HTML / CSS
聪明的粉丝购买门票的地方:TickPick
2018/03/09 全球购物
New Balance比利时官方网站:购买鞋子和服装
2021/01/15 全球购物
初三开学计划书
2014/04/27 职场文书
幼儿园标语大全
2014/06/19 职场文书
2014年度安全生产目标管理责任书
2014/07/25 职场文书
Python中for后接else的语法使用
2021/05/18 Python
JPA 通过Specification如何实现复杂查询
2021/11/23 Java/Android