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的onload事件及初始化按钮事件示例代码
Sep 25 Javascript
js中如何复制一个对象并获取其所有属性和属性对应的值
Oct 24 Javascript
javascript计算用户打开网页的停留时间
Jan 09 Javascript
自定义jquery模态窗口插件无法在顶层窗口显示问题
May 29 Javascript
详解javascript实现瀑布流列式布局
Jan 29 Javascript
vue组件间通信解析
Mar 01 Javascript
js判断用户是输入的地址请求的路径(实例讲解)
Jul 18 Javascript
Vue实现导航栏点击当前标签变色功能
Aug 19 Javascript
cordova+vue+webapp使用html5获取地理位置的方法
Jul 06 Javascript
vue实现百度语音合成的实例讲解
Oct 14 Javascript
vue 实现click同时传入事件对象和自定义参数
Jan 29 Vue.js
vue router 动态路由清除方式
May 25 Vue.js
深入浅析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实现将数组转换为XML的方法
2015/03/09 PHP
WordPress中Gravatar头像缓存到本地及相关优化的技巧
2015/12/19 PHP
PHP输入流php://input实例讲解
2015/12/22 PHP
LaravelS通过Swoole加速Laravel/Lumen详解
2018/03/02 PHP
基于laravel Request的所有方法详解
2019/09/29 PHP
javascript HTMLEncode HTMLDecode的完整实例(兼容ie和火狐)
2009/06/02 Javascript
jquery ajax 同步异步的执行 return值不能取得的解决方案
2012/01/08 Javascript
jQuery操作select的实例代码
2012/06/14 Javascript
JavaScript高级程序设计(第3版)学习笔记4 js运算符和操作符
2012/10/11 Javascript
js进行表单验证实例分析
2015/02/10 Javascript
Bootstrap每天必学之表单
2015/11/23 Javascript
Angular页面间切换及传值的4种方法
2016/11/04 Javascript
js实现百度搜索提示框
2017/02/05 Javascript
canvas实现简易的圆环进度条效果
2017/02/28 Javascript
NodeJS实现不可逆加密与密码密文保存的方法
2018/03/16 NodeJs
Vue.js@2.6.10更新内置错误处机制Fundebug同步支持相应错误监控
2019/05/13 Javascript
解决微信小程序云开发中获取数据库的内容为空的方法
2019/05/15 Javascript
浅析js实现网页截图的两种方式
2019/11/01 Javascript
js实现抽奖的两种方法
2020/03/19 Javascript
爬山算法简介和Python实现实例
2014/04/26 Python
Python正则表达式和re库知识点总结
2019/02/11 Python
python 绘制拟合曲线并加指定点标识的实现
2019/07/10 Python
python numpy数组中的复制知识解析
2020/02/03 Python
Python unittest单元测试框架实现参数化
2020/04/29 Python
python环境搭建和pycharm的安装配置及汉化详细教程(零基础小白版)
2020/08/19 Python
html5应用缓存_动力节点Java学院整理
2017/07/13 HTML / CSS
Web时代变迁及html5与html4的区别
2016/01/06 HTML / CSS
Html5页面内使用JSON动画的实现
2019/01/29 HTML / CSS
英国可持续奢侈品包包品牌:Elvis & Kresse
2018/08/05 全球购物
公司业务主管岗位职责
2013/12/07 职场文书
单位介绍信范文
2014/01/18 职场文书
协议书怎么写
2014/04/21 职场文书
委托书的格式
2014/08/01 职场文书
南京南京观后感
2015/06/02 职场文书
详解redis在微服务领域的贡献
2021/10/16 Redis
使用pd.merge表连接出现多余行的问题解决
2022/06/16 Python