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 firefox兼容ie的dom方法脚本
May 18 Javascript
jQuery对象和DOM对象相互转化
Apr 24 Javascript
JQuery 将元素显示在屏幕的中央的代码
Feb 27 Javascript
jQuery实现HTML5 placeholder效果实例
Dec 09 Javascript
jQuery中removeData()方法用法实例
Dec 27 Javascript
jquery.gridrotator实现响应式图片展示画廊效果
Jun 23 Javascript
JS实现间歇滚动的运动效果实例
Dec 22 Javascript
javascript显示系统当前时间代码
Dec 29 Javascript
webpack2.0搭建前端项目的教程详解
Apr 05 Javascript
Vue修改mint-ui默认样式的方法
Feb 03 Javascript
IE11下处理Promise及Vue的单项数据流问题
Jul 24 Javascript
vue项目中在可编辑div光标位置插入内容的实现代码
Jan 07 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 字符串 小常识
2009/06/05 PHP
探讨PHP中OO之静态关键字以及类常量的详解
2013/06/07 PHP
PHP使用mongoclient简单操作mongodb数据库示例
2019/02/08 PHP
jQuery timers计时器简单应用说明
2010/10/28 Javascript
jquery实现弹出div,始终显示在屏幕正中间的简单实例
2014/03/08 Javascript
5个书写JavaScript代码的坏习惯,看看你中枪了没?
2014/11/06 Javascript
JavaScript设置body高度为浏览器高度的方法
2015/02/09 Javascript
JavaScript实现的Tween算法及缓冲特效实例代码
2015/11/03 Javascript
nodejs实现bigpipe异步加载页面方案
2016/01/26 NodeJs
BootStrap文件上传样式超好看【持续更新】
2016/05/10 Javascript
如何清除IE10+ input X 文本框的叉叉和密码输入框的眼睛图标
2016/12/21 Javascript
微信小程序 自定义Toast实例代码
2017/06/12 Javascript
MUI顶部选项卡的用法(tab-top-webview-main)详解
2017/10/08 Javascript
jQuery结合jQuery.cookie.js插件实现换肤功能示例
2017/10/14 jQuery
浅谈js获取ModelAndView值的问题
2018/03/28 Javascript
聊聊Vue中provide/inject的应用详解
2019/11/10 Javascript
[01:03:00]DOTA2上海特级锦标赛A组败者赛 EHOME VS CDEC第一局
2016/02/25 DOTA
python网络编程学习笔记(五):socket的一些补充
2014/06/09 Python
Python实现爬虫抓取与读写、追加到excel文件操作示例
2018/06/27 Python
python中的句柄操作的方法示例
2019/06/20 Python
深入浅出CSS3 background-clip,background-origin和border-image教程
2011/01/27 HTML / CSS
基于html和CSS3制作酷炫的导航栏
2015/09/23 HTML / CSS
浅谈html5与APP混合开发遇到的问题总结
2018/03/20 HTML / CSS
Belle Maison倍美丛官网:日本千趣会旗下邮购网站
2016/07/22 全球购物
Jo Malone美国官网:祖玛珑香水
2017/03/27 全球购物
乐观大学生的自我评价
2014/01/10 职场文书
辩论赛主持词
2014/03/18 职场文书
毕业生欢送会主持词
2014/03/31 职场文书
2014年大学生预备党员思想汇报1000字
2014/09/13 职场文书
2014年打非治违工作总结
2014/11/13 职场文书
评奖评优个人先进事迹材料
2015/11/04 职场文书
新手必备之MySQL msi版本下载安装图文详细教程
2021/05/21 MySQL
idea搭建可运行Servlet的Web项目
2021/06/26 Java/Android
深入浅出讲解Java8函数式编程
2022/01/18 Java/Android
Nginx虚拟主机的配置步骤过程全解
2022/03/31 Servers
一次SQL查询优化原理分析(900W+数据从17s到300ms)
2022/06/10 SQL Server