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 相关文章推荐
基于jquery tab切换(防止页面刷新)
May 23 Javascript
javascript中关于break,continue的特殊用法与介绍
May 24 Javascript
jquery实现瀑布流效果分享
Mar 26 Javascript
CSS javascript 结合实现悬浮固定菜单效果
Aug 23 Javascript
jQuery on()方法绑定动态元素的点击事件实例代码浅析
Jun 16 Javascript
DOM事件探秘篇
Feb 15 Javascript
解决VUEX刷新的时候出现数据消失
Jul 03 Javascript
javascript基础进阶_深入剖析执行环境及作用域链
Sep 05 Javascript
highcharts 在angular中的使用示例代码
Sep 20 Javascript
Vue路由history模式解决404问题的几种方法
Sep 29 Javascript
详解Vue webapp项目通过HBulider打包原生APP(vue+webpack+HBulider)
Feb 02 Javascript
前端 javascript 实现文件下载的示例
Nov 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的array数组和使用实例简明教程(容易理解)
2014/03/20 PHP
php创建session的方法实例详解
2015/01/27 PHP
php打包压缩文件之ZipArchive方法用法分析
2016/04/30 PHP
在php的yii2框架中整合hbase库的方法
2018/09/20 PHP
用于自动添加Digg This!按钮的JavaScript
2006/12/23 Javascript
JavaScript 继承的实现
2009/07/09 Javascript
jquery checkbox 勾选的bug问题解决方案与分析
2014/11/13 Javascript
JS实现自适应高度表单文本框的方法
2015/02/25 Javascript
使用javaScript动态加载Js文件和Css文件
2015/10/24 Javascript
JQuery.Ajax()的data参数类型实例详解
2015/11/20 Javascript
JavaScript的函数式编程基础指南
2016/03/19 Javascript
jQuery为动态生成的select元素添加事件的方法
2016/08/29 Javascript
Angular4实现图片上传预览路径不安全的问题解决
2017/12/25 Javascript
jQuery动态生成的元素绑定事件操作实例分析
2019/05/04 jQuery
在Node.js中将SVG图像转换为PNG,JPEG,TIFF,WEBP和HEIF格式的方法
2019/08/22 Javascript
原生JS实现音乐播放器的示例代码
2021/02/25 Javascript
Python爬虫框架Scrapy安装使用步骤
2014/04/01 Python
实例探究Python以并发方式编写高性能端口扫描器的方法
2016/06/14 Python
Python2.7读取PDF文件的方法示例
2017/07/13 Python
python实现批量修改文件名代码
2017/09/10 Python
python+selenium实现京东自动登录及秒杀功能
2017/11/18 Python
用python生成1000个txt文件的方法
2018/10/25 Python
介绍一款python类型检查工具pyright(推荐)
2019/07/03 Python
详解Python Matplotlib解决绘图X轴值不按数组排序问题
2019/08/05 Python
利用OpenCV中对图像数据进行64F和8U转换的方式
2020/06/03 Python
pycharm中leetcode插件使用图文详解
2020/12/07 Python
CSS3实现银灰色动画效果的导航菜单代码
2015/09/01 HTML / CSS
美国健康和保健平台:healtop
2020/07/02 全球购物
幼儿园小班家长寄语
2014/04/02 职场文书
机械工程学院大学生求职信
2014/05/25 职场文书
日语系毕业求职信
2014/07/27 职场文书
企业趣味活动方案
2014/08/21 职场文书
邓小平理论心得体会
2014/09/09 职场文书
从严治党主题教育活动总结
2015/05/07 职场文书
安全教育片观后感
2015/06/17 职场文书
详解如何使用Node.js实现热重载页面
2021/05/06 Javascript