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 操作符整理[推荐收藏]
Nov 15 Javascript
javascript实现图片切换的幻灯片效果源代码
Dec 12 Javascript
一张表格告诉你windows.onload()与$(document).ready()的区别
May 16 Javascript
Jquery检验手机号是否符合规则并根据手机号检测结果将提交按钮设为不同状态
Nov 26 Javascript
js实现n秒倒计时后才可以点击的效果
Dec 20 Javascript
谈一谈javascript闭包
Jan 28 Javascript
轻松掌握JavaScript策略模式
Aug 25 Javascript
使用get方式提交表单在地址栏里面不显示提交信息
Feb 21 Javascript
浅析node应用的timing-attack安全漏洞
Feb 28 Javascript
json数据格式常见操作示例
Jun 13 Javascript
一次微信小程序内地图的使用实战记录
Sep 09 Javascript
jQuery实现计算器功能
Oct 19 jQuery
深入浅析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 程式大小
2006/12/06 PHP
php实现用手机关闭计算机(电脑)的方法
2015/04/22 PHP
php实现短信发送代码
2015/07/05 PHP
ThinkPHP框架获取最后一次执行SQL语句及变量调试简单操作示例
2018/06/13 PHP
简单实用的js调试logger组件实现代码
2010/11/20 Javascript
JS教程:window.location使用方法的区别介绍
2013/10/04 Javascript
jQuery中[attribute]选择器用法实例
2014/12/31 Javascript
Javascript中的getUTCHours()方法使用详解
2015/06/10 Javascript
详解js中构造流程图的核心技术JsPlumb
2015/12/08 Javascript
AngularJS中的API(接口)简单实现
2016/07/28 Javascript
BootStrap中的表单大全
2016/09/07 Javascript
js完整倒计时代码分享
2016/09/18 Javascript
浅谈js中的引用和复制(传值和传址)
2016/09/18 Javascript
NodeJS基础API搭建服务器详细过程记录
2017/04/01 NodeJs
Js实现中国公民身份证号码有效性验证实例代码
2017/05/03 Javascript
利用JS如何计算字符串所占字节数示例代码
2017/09/13 Javascript
Webpack 4.x搭建react开发环境的方法步骤
2018/08/15 Javascript
Vue动态生成el-checkbox点击无法赋值的解决方法
2019/02/21 Javascript
详解Vue+Element的动态表单,动态表格(后端发送配置,前端动态生成)
2019/04/20 Javascript
微信小程序报错: thirdScriptError的错误问题
2020/06/19 Javascript
[01:08:29]DOTA2-DPC中国联赛定级赛 RNG vs Aster BO3第一场 1月9日
2021/03/11 DOTA
python读取TXT到数组及列表去重后按原来顺序排序的方法
2015/06/26 Python
基于python爬虫数据处理(详解)
2017/06/10 Python
python paramiko利用sftp上传目录到远程的实例
2019/01/03 Python
Python箱型图处理离群点的例子
2019/12/09 Python
python numpy库linspace相同间隔采样的实现
2020/02/25 Python
在tensorflow下利用plt画论文中loss,acc等曲线图实例
2020/06/15 Python
Python datetime模块的使用示例
2021/02/02 Python
金士达面试非笔试
2012/03/14 面试题
4S店售后客服自我评价
2014/04/09 职场文书
2014年感恩母亲演讲稿
2014/05/27 职场文书
篮球赛口号
2014/06/18 职场文书
婚前财产协议书范本
2014/10/19 职场文书
新年祝酒词大全
2015/08/11 职场文书
如何用python插入独创性声明
2021/03/31 Python
OpenCV-Python实现油画效果的实例
2021/06/08 Python