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 注意事项与常用语法小结
Jun 07 Javascript
JavaScript基础语法让人疑惑的地方小结
May 23 Javascript
jquery实现的点击翻书效果代码
Nov 04 Javascript
ionic由于使用了header和subheader导致被遮挡的问题的两种解决方法
Sep 22 Javascript
angularJS 指令封装回到顶部示例详解
Jan 22 Javascript
浅谈如何使用webpack构建多页面应用
May 30 Javascript
Bootstrap Table中的多选框删除功能
Jul 15 Javascript
JavaScript引用类型Date常见用法实例分析
Aug 08 Javascript
jQuery模拟12306城市选择框功能简单实现方法示例
Aug 13 jQuery
vue+egg+jwt实现登录验证的示例代码
May 18 Javascript
layui之数据表格--与后台交互获取数据的方法
Sep 29 Javascript
vue动画—通过钩子函数实现半场动画操作
Aug 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
使用sockets:从新闻组中获取文章(二)
2006/10/09 PHP
一步一步学习PHP(2)――PHP类型
2010/02/15 PHP
PHP开发环境配置(MySQL数据库安装图文教程)
2010/04/28 PHP
php设计模式之策略模式实例分析【星际争霸游戏案例】
2020/03/26 PHP
EasyUi tabs的高度与宽度根据IE窗口的变化自适应代码
2010/10/26 Javascript
jQuery EasyUI API 中文文档 - Form表单
2011/10/06 Javascript
NodeJs中的非阻塞方法介绍
2012/06/05 NodeJs
JS OffsetParent属性深入解析
2014/01/13 Javascript
js防止DIV布局滚动时闪动的解决方法
2014/10/30 Javascript
浅析Javascript中“==”与“===”的区别
2014/12/23 Javascript
jQuery中dom元素上绑定的事件详解
2015/04/24 Javascript
JavaScript实现点击文字切换登录窗口的方法
2015/05/11 Javascript
jquery控制显示服务器生成的图片流
2015/08/04 Javascript
jQuery实现简单的图片查看器
2020/09/11 Javascript
限时抢购-倒计时的完整实例(分享)
2017/09/17 Javascript
微信小程序使用Socket的实例
2017/09/19 Javascript
Vue + Vue-router 同名路由切换数据不更新的方法
2017/11/20 Javascript
VUE路由动态加载实例代码讲解
2019/08/26 Javascript
详解Vue 单文件组件的三种写法
2020/02/19 Javascript
vue自定义指令限制输入框输入值的步骤与完整代码
2020/08/30 Javascript
详解Vue的异步更新实现原理
2020/12/22 Vue.js
使用Python下的XSLT API进行web开发的简单教程
2015/04/15 Python
python类:class创建、数据方法属性及访问控制详解
2016/07/25 Python
详解Python如何生成词云的方法
2018/06/01 Python
详谈Pandas中iloc和loc以及ix的区别
2018/06/08 Python
浅谈python中get pass用法
2019/03/19 Python
基于python实现的百度新歌榜、热歌榜下载器(附代码)
2019/08/05 Python
Python autoescape标签用法解析
2020/01/17 Python
同步和异步有何异同,在什么情况下分别使用他们?
2012/12/28 面试题
计算机专业自荐信
2013/10/14 职场文书
物流专业大学生职业生涯规划书范文
2014/01/15 职场文书
大学奖学金获奖感言
2014/08/15 职场文书
销售员态度差检讨书
2014/10/26 职场文书
财务部岗位职责
2015/02/03 职场文书
2016年优秀党务工作者先进事迹材料
2016/02/29 职场文书
python单元测试之pytest的使用
2021/06/07 Python