javascript中window.open在原来的窗口中打开新的窗口(不同名)

 更新时间:2015年11月15日 13:55:12   投稿:mrr  
本文给大家介绍使用window.open在原来的窗口中打开新的窗口,涉及到win.open新窗口相关知识,对本文感兴趣的朋友参考下

最近做一个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 不能包含有空格。

参数字符串:可选参数,设置窗口参数,各参数用逗号隔开。

参数表:

例如:打开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>

友情提醒:在此一定注意浏览器的兼容性问题哈。

相关文章

  • js计算精度问题小结

    js计算精度问题小结

    js计算精度问题小结,需要的朋友可以参考一下
    2013-04-04
  • 你可能不知道的JavaScript之this指向详解

    你可能不知道的JavaScript之this指向详解

    理解this之前,先纠正一个观点,this 既不指向函数自身,也不指函数的词法作用域,下面这篇文章主要给大家介绍了关于JavaScript之this指向的相关资料,需要的朋友可以参考下
    2022-05-05
  • cocos2dx骨骼动画Armature源码剖析(一)

    cocos2dx骨骼动画Armature源码剖析(一)

    cocos2dx中的骨骼动画在程序中使用非常方便,从编辑器(cocostudio或flash插件dragonBones)得到xml或json数据,调用代码就可以直接展示出动画效果,下面通过本篇文章给大家分享cocos2dx骨骼动画Armature源码剖析,需要的朋友一起来学习吧。
    2015-09-09
  • 模拟一个类似百度google的模糊搜索下拉列表

    模拟一个类似百度google的模糊搜索下拉列表

    这篇文章主要介绍使用js模拟一个类似百度google的模糊搜索下拉列表,需要的朋友可以参考下
    2014-04-04
  • JS实现显示带倒影的图片横排居中放大展示特效实例【测试可用】

    JS实现显示带倒影的图片横排居中放大展示特效实例【测试可用】

    这篇文章主要介绍了JS实现显示带倒影的图片横排居中放大展示功能,可实现点击图片及点击左右按钮滑动切换的效果,涉及javascript针对鼠标事件的响应及页面元素动态操作相关技巧,需要的朋友可以参考下
    2016-08-08
  • Javascript作用域和作用域链原理解析

    Javascript作用域和作用域链原理解析

    这篇文章主要介绍了Javascript作用域和作用域链原理解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-03-03
  • EXTJS7实现点击拖拉选择文本

    EXTJS7实现点击拖拉选择文本

    这篇文章主要为大家详细介绍了EXTJS7实现点击拖拉选择文本,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-12-12
  • 最新JavaScript判断是否是360浏览器方法

    最新JavaScript判断是否是360浏览器方法

    这篇文章主要给大家介绍了关于最新JavaScript判断是否是360浏览器方法的相关资料,我们在做项目的时候有用到判断不同浏览器的这个需求,文中给出了详细的代码示例,需要的朋友可以参考下
    2023-07-07
  • 一步一步封装自己的HtmlHelper组件BootstrapHelper(三)

    一步一步封装自己的HtmlHelper组件BootstrapHelper(三)

    一步一步封装自己的HtmlHelper组件:BootstrapHelper,系列文章第三篇,感兴趣的小伙伴们可以参考一下
    2016-09-09
  • js星星评分效果

    js星星评分效果

    在这里和广大脚本之家站的朋友们分享一个使用js实现商城星星评分的效果,希望能给大家点帮助
    2014-07-07

最新评论