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使用for循环遍历Table的所有单元格内容
Aug 21 Javascript
jQuery+CSS实现的网页二级下滑菜单效果
Aug 25 Javascript
JS实现将数字金额转换为大写人民币汉字的方法
Aug 02 Javascript
深入理解requestAnimationFrame的动画循环
Sep 20 Javascript
详细AngularJs4的图片剪裁组件的实例
Jul 12 Javascript
Vue单文件组件基础模板小结
Aug 10 Javascript
原生JS实现日历组件的示例代码
Sep 22 Javascript
VueJs 将接口用webpack代理到本地的方法
Nov 27 Javascript
jQuery Validate插件ajax方式验证输入值的实例
Dec 21 jQuery
小程序实现展开/收起的效果示例
Sep 22 Javascript
vue实现的封装全局filter并统一管理操作示例
Feb 02 Javascript
原生js实现html手机端城市列表索引选择城市
Jun 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反射类ReflectionClass和ReflectionObject的使用方法
2013/11/13 PHP
linux下为php添加iconv模块的方法
2016/02/28 PHP
Windows2003下php5.4安装配置教程(IIS)
2016/06/30 PHP
YII2框架中添加自定义模块的方法实例分析
2020/03/18 PHP
JavaScript XML操作 封装类
2009/07/01 Javascript
JS保留小数点(四舍五入、四舍六入)实现思路及实例
2013/04/25 Javascript
jquery的each方法使用示例分享
2014/03/25 Javascript
javascript制作坦克大战全纪录(1)
2014/11/27 Javascript
javascript实现Table排序的方法
2015/05/15 Javascript
javascript的BOM
2016/05/03 Javascript
BootStrap中Tab页签切换实例代码
2016/05/30 Javascript
Node.js中防止错误导致的进程阻塞的方法
2016/08/11 Javascript
用jQuery.ajaxSetup实现对请求和响应数据的过滤
2016/12/20 Javascript
ES6字符串模板,剩余参数,默认参数功能与用法示例
2017/04/06 Javascript
浅析JS抽象工厂模式
2017/12/14 Javascript
babel之配置文件.babelrc入门详解
2018/02/22 Javascript
VUE引入第三方js包及调用方法讲解
2019/03/01 Javascript
在Vue mounted方法中使用data变量详解
2019/11/05 Javascript
python每隔N秒运行指定函数的方法
2015/03/16 Python
解决Django migrate No changes detected 不能创建表的问题
2018/05/27 Python
在自动化中用python实现键盘操作的方法详解
2019/07/19 Python
Python中的self用法详解
2019/08/06 Python
Python定时发送天气预报邮件代码实例
2019/09/09 Python
Python第三方库的几种安装方式(小结)
2020/04/03 Python
基于Python第三方插件实现西游记章节标注汉语拼音的方法
2020/05/22 Python
最简单的matplotlib安装教程(小白)
2020/07/28 Python
css3动画事件—webkitAnimationEnd与计时器time事件
2013/01/31 HTML / CSS
原生canvas制作画图小工具的踩坑和爬坑
2020/06/09 HTML / CSS
台湾良兴购物网:EcLife
2019/12/01 全球购物
研究生考核个人自我鉴定
2014/03/27 职场文书
优秀共青团员事迹材料
2014/12/25 职场文书
小学班主任研修日志
2015/11/13 职场文书
《海上日出》教学反思
2016/02/23 职场文书
导游词之上海杜莎夫人蜡像馆
2019/11/22 职场文书
python xlwt模块的使用解析
2021/04/13 Python
MySQL 分页查询的优化技巧
2021/05/12 MySQL