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 参考教程
Dec 29 Javascript
js中iframe调用父页面的方法
Oct 30 Javascript
原生javascript实现图片按钮切换
Jan 12 Javascript
jQuery实现鼠标划过添加和删除class的方法
Jun 26 Javascript
JS实现自动切换文字的导航效果代码
Aug 27 Javascript
javascript 正则表达式去空行方法
Jan 24 Javascript
Vue.directive自定义指令的使用详解
Mar 10 Javascript
详解vue项目优化之按需加载组件-使用webpack require.ensure
Jun 13 Javascript
关于vue单文件中引用路径的处理方法
Jan 08 Javascript
关闭Vue计算属性自带的缓存功能方法
Mar 02 Javascript
JS实现将链接生成二维码并转为图片的方法
Mar 17 Javascript
JS实现简单随机3D骰子
Oct 24 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中将字符串转化为整数(int) intval() printf() 性能测试
2020/03/20 PHP
PHP请求远程地址设置超时时间的解决方法
2016/10/29 PHP
微信开发之php表单微信中自动提交两次问题解决办法
2017/01/08 PHP
PHP以json或xml格式返回请求数据的方法
2018/05/31 PHP
Yii框架页面渲染操作实例详解
2019/07/19 PHP
网页自动刷新,不产生嗒嗒声的一个解决方法
2007/03/27 Javascript
基于jquery的点击链接插入链接内容的代码
2012/07/31 Javascript
jquery validate在ie8下的bug解决方法
2013/11/13 Javascript
js为空或不是对象问题的快速解决方法
2013/12/11 Javascript
js中style.display=&quot;&quot;无效的解决方法
2014/10/30 Javascript
jQuery学习笔记之基础中的基础
2015/01/19 Javascript
JQuery中Text方法用法实例分析
2015/05/18 Javascript
jQuery实现文本框邮箱输入自动补全效果
2015/11/17 Javascript
常用的js验证和数据处理总结
2016/08/02 Javascript
Vue.js每天必学之Class与样式绑定
2016/09/05 Javascript
JavaScript直接调用函数与call调用的区别实例分析
2020/05/22 Javascript
Vue router传递参数并解决刷新页面参数丢失问题
2020/12/02 Vue.js
ssh批量登录并执行命令的python实现代码
2012/05/25 Python
python连接oracle数据库实例
2014/10/17 Python
Python Socket使用实例
2017/12/18 Python
Python中 传递值 和 传递引用 的区别解析
2018/02/22 Python
python中单下划线_的常见用法总结
2018/07/10 Python
初次部署django+gunicorn+nginx的方法步骤
2019/09/11 Python
vscode 配置 python3开发环境的方法
2019/09/19 Python
在Python中字符串、列表、元组、字典之间的相互转换
2019/11/15 Python
wxPython色环电阻计算器
2019/11/18 Python
工程地质勘察专业大学生求职信
2013/10/13 职场文书
外贸英语专业求职信范文
2013/12/25 职场文书
聚美优品励志广告词
2014/03/14 职场文书
三爱活动实施方案
2014/03/19 职场文书
保护环境倡议书300字
2014/05/19 职场文书
2014年驻村干部工作总结
2014/11/17 职场文书
酒店优秀员工推荐信
2015/03/24 职场文书
欠条格式范本
2015/07/03 职场文书
解决Tkinter中button按钮未按却主动执行command函数的问题
2021/05/23 Python
mongodb的安装和开机自启动详细讲解
2021/08/02 MongoDB