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轻松实现Ajax的实例代码
Aug 16 Javascript
Jquery实现侧边栏跟随滚动条固定(兼容IE6)
Apr 02 Javascript
js加密解密字符串可自定义密码因子
May 13 Javascript
简述jQuery ajax的执行顺序
Jan 05 Javascript
jQuery Easyui实现左右布局
Jan 26 Javascript
JavaScript函数内部属性和函数方法实例详解
Mar 17 Javascript
一个简单不报错的summernote 图片上传案例
Jul 11 Javascript
Javascript 数组去重的方法(四种)详解及实例代码
Nov 24 Javascript
Angular2之二级路由详解
Aug 31 Javascript
微信小程序实现工作时间段选择
Feb 15 Javascript
vue+iview实现文件上传
Nov 17 Vue.js
Vue和Flask通信的实现
May 19 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自动更新新闻DIY
2006/10/09 PHP
谈谈新手如何学习PHP 默默经典版本
2009/08/04 PHP
PHP MySQL应用中使用XOR运算加密算法分享
2011/08/28 PHP
PHP实现过滤掉非汉字字符只保留中文字符
2015/06/04 PHP
php去掉文件前几行的方法
2015/07/29 PHP
yii2框架中使用下拉菜单的自动搜索yii-widget-select2实例分析
2016/01/09 PHP
laravel框架使用阿里云短信发送消息操作示例
2020/02/15 PHP
在模板页面的js使用办法
2010/04/01 Javascript
jqPlot 基于jquery的画图插件
2011/04/26 Javascript
jQuery lazyLoad图片延迟加载插件的优化改造方法分享
2013/08/13 Javascript
jquery 设置style:display的方法
2015/01/29 Javascript
JavaScript自定义数组排序方法
2015/02/12 Javascript
jquery地址栏链接与a标签链接匹配之特效代码总结
2015/08/24 Javascript
javascript中sort排序实例详解
2016/07/24 Javascript
JavaScript中的遍历详解(多种遍历)
2017/04/07 Javascript
从零搭一个自用的前端脚手架的方法步骤
2019/09/23 Javascript
jquery自定义组件实例详解
2020/12/31 jQuery
python实现将英文单词表示的数字转换成阿拉伯数字的方法
2015/07/02 Python
Python 模拟员工信息数据库操作的实例
2017/10/23 Python
python如何为创建大量实例节省内存
2018/03/20 Python
Python处理命令行参数模块optpars用法实例分析
2018/05/31 Python
pandas带有重复索引操作方法
2018/06/08 Python
Python提取频域特征知识点浅析
2019/03/04 Python
Python pip配置国内源的方法
2020/02/14 Python
使用Python画了一棵圣诞树的实例代码
2020/11/27 Python
CSS3 box-sizing属性
2009/04/17 HTML / CSS
Baby Tulai澳大利亚:美国婴儿背带品牌
2018/10/15 全球购物
周仰杰(JIMMY CHOO)法国官方网站:闻名世界的鞋子品牌
2019/09/27 全球购物
师范教师专业大学生职业生涯规划范文
2014/03/02 职场文书
食品工程专业求职信
2014/06/15 职场文书
庆祝儿童节标语
2014/10/09 职场文书
2015社区健康教育工作总结
2015/05/20 职场文书
幼儿园毕业典礼家长致辞
2015/07/29 职场文书
服装店员工管理制度
2015/08/07 职场文书
解决pycharm下载库时出现Failed to install package的问题
2021/09/04 Python
JS轻量级函数式编程实现XDM三
2022/06/16 Javascript