js弹窗返回值详解(window.open方式)

 更新时间:2014年01月11日 10:48:06   作者:  
本篇文章主要介绍了js弹窗返回值(window.open方式)。需要的朋友可以过来参考下,希望对大家有所帮助

test.php

复制代码 代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Language" content="utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="脚本之家(MyZ)" />
<meta name="Copyright" content="脚本之家(MyZ)" />
<meta name="description" content="" />
<meta name="keywords"content="" />
<link rel="icon" href="" type="image/x-icon" />
<link rel="shortcut icon" href="" type="image/x-icon" />
<link href="" rel="stylesheet" type="text/css" />
<title></title>
<script type="text/javascript">
<!--
function winOpen()
{
       window.open ("test2.php", "", "height=400, width=400");
}
-->
</script>
</head>
<body>
<textarea id="text1" name="text1"></textarea>
<input type="button" value="submit" name="submit" onclick="javascript:winOpen();" />
</body>
</html>
</body>
</html>

test2.php
复制代码 代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Language" content="utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="脚本之家(MyZ)" />
<meta name="Copyright" content="脚本之家(MyZ)" />
<meta name="description" content="" />
<meta name="keywords"content="" />
<link rel="icon" href="" type="image/x-icon" />
<link rel="shortcut icon" href="" type="image/x-icon" />
<link href="" rel="stylesheet" type="text/css" />
<title></title>
<script type="text/javascript">
<!--
function winBack()
{
       if(window.opener) {
              fWindowText1 = window.opener.document.getElementById("text1");
              fWindowText1.value = fWindowText1.value + "mayongzhan";
              window.close();
       }
}
-->
</script>
</head>
<body>
<input type="button" name="back" value="back" onclick="javascript:winBack();" />
</body>
</html>

window.open详解

window.open("sUrl","sName","sFeature","bReplace");

sUrl:可选项。字符串(String)。指定要被加载的HTML文档的URL地址。假如无指定值,则about:blank的新窗口会被显示。

sName:可选项。字符串(String)。指定打开的窗口的名字。这个名字可以用于form或a对象的TARGET属性。此名字也可以使用下列通用名称:_media:IE6.0在浏览器左边的媒体面板内打开sUrl。

_blank:在新窗口中打开sUrl。
_parent:在当前框架的父框架内打开。假如当前框架无父框架,此参数值等同于_self。
_search:IE5.0在浏览器左边的搜索面板内打开sUrl。
_self:sUrl在当前窗口中打开,覆盖当前文档。
_top:在所有框架之外的最顶层窗口中打开sUrl。假如当前窗口无框架结构,此参数值等同于_self。

sFeatures:可选项。字符串(String)。指定窗口装饰样式。使用下面的值。多个之间用逗号隔开。只有当新的浏览器窗口被建立时,此参数的设置才会发生作用。channelmode={yes|no|1|0}指定是否将窗口显示为频道模式。默认值为no。

directories={yes|no|1|0}指定是否显示「链接」按钮。默认值为yes。
fullscreen={yes|no|1|0}指定是否以全屏方式显示窗口。默认值为no。要小心使用全屏模式,因为这种模式会隐藏浏览器窗口的标题栏和菜单。如果没有在页面内提供关闭窗口的功能,用户可以使用ALT+F4快捷键关闭窗口。
height=number设置窗口的高度。最小值为100。
left=number设置窗口左上角相对于桌面的横坐标。单位为像素(px)。
width=number设置窗口的宽度。最小值为100。
top=number设置窗口左上角相对于桌面的纵坐标。单位为像素(px)。
location={yes|no|1|0}设置是否显示浏览器窗口的地址栏。默认值为yes。
menubar={yes|no|1|0}设置是否显示浏览器窗口的菜单栏。默认值为yes。
resizable={yes|no|1|0}设置窗口是否允许被用户改变尺寸。默认值为yes。
scrollbars={yes|no|1|0}设置窗口是否可以具有滚动条。默认值为yes。
status={yes|no|1|0}设置是否显示浏览器窗口的状态栏。默认值为yes。
titlebar={yes|no|1|0}设置是否显示浏览器窗口的标题栏。除非调用程序是HTML应用程式(HTA)或被信任的对话框,否则此参数将被忽略。默认值为yes。toolbar={yes|no|1|0}设置是否显示浏览器窗口的工具条。默认值为yes。
bReplace:可选项。布尔值(Boolean)。false|true。false:新打开的文档覆盖历史列表里的当前文档。true:文新打开的文档被简单的添加到历史列表的最后。

返回值:
oNewWindow:对象(Element)。返回对新的window对象的引用。

说明:
打开新窗口并载入sUrl指定的HTML文档。默认情况下,此方法建立的新窗口具有默认的高度、宽度,以及菜单、工具条等。您可以使用sFeatures参数改变它们的设置。

当sFeatures参数被指定时,没有在参数值的列表中出现的装饰样式都会被自动设置为no。

IE5+中允许控制打开的窗口的标题栏。通过在被信任的程序像Microsoft?VisualBasic或者HTML应用程式(HTA)中打开窗口可以关闭标题栏。他们是可信任的因为他们使用Microsoft?InternetExplorer作为浏览器接口。

当文档内的对象上的事件(event)激发的函数调用open方法时,window对象的open方法被使用。而当文档内的对象上的事件(event)直接使用open方法时,document对象的open方法被使用。

相关文章

  • JavaScript获取当前运行脚本文件所在目录的方法

    JavaScript获取当前运行脚本文件所在目录的方法

    这篇文章主要介绍了JavaScript获取当前运行脚本文件所在目录的方法,涉及JavaScript文件目录操作的相关技巧,需要的朋友可以参考下
    2016-02-02
  • Typescript中interface自动化生成API文档详解

    Typescript中interface自动化生成API文档详解

    ypeScript 的核心原则之一是对值所具有的结构进行类型检查,下面这篇文章主要给大家介绍了关于Typescript中interface自动化生成API文档的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
    2022-12-12
  • JS 根据子网掩码,网关计算出所有IP地址范围示例

    JS 根据子网掩码,网关计算出所有IP地址范围示例

    这篇文章主要介绍了JS 根据子网掩码,网关计算出所有IP地址范围,涉及IP地址、子网的正则验证,子网掩码计算等相关操作技巧,需要的朋友可以参考下
    2016-09-09
  • JavaScript 进度条实现代码(Firefox等相似浏览器下不支持)

    JavaScript 进度条实现代码(Firefox等相似浏览器下不支持)

    JavaScript实现的进度条,可惜在Firefox等相似浏览器下不支持(远程)
    2009-07-07
  • 12306验证码破解思路分享

    12306验证码破解思路分享

    本文给大家分享的是个人对于12306的新的验证码系统的破解思路,仅仅是思路,还没进行实地验证,推荐给大家,抛砖引玉吧。
    2015-03-03
  • javascript时间差插件分享

    javascript时间差插件分享

    这篇文章主要为大家分享了javascript时间差插件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-07-07
  • javascript,jquery闭包概念分析

    javascript,jquery闭包概念分析

    偶尔听人说javascript闭包,让我联想起以前学编译原理和数字逻辑里讲的闭包,以前上课讲的闭包很难懂,而且含有递归的意思在里面,现在不想再查看里面的闭包概念。
    2010-06-06
  • Bootstrap网格系统详解

    Bootstrap网格系统详解

    bootstrap框架中的网格系统就是将容器平分成12份,在使用的时候可以根据实际情况重新编译LESS/SASS源码来修改12这个数值。接下来通过本文给大家介绍Bootstrap网格系统,感兴趣的朋友一起学习
    2016-04-04
  • js使用正则表达式对身份证号的判断

    js使用正则表达式对身份证号的判断

    这篇文章主要给大家介绍了关于js使用正则表达式对身份证号的判断的相关资料,在用户注册页面有些需求要求的比较严格,需要对身份证验证是否合法,通过此功能严格此系统软件,从而过滤到很多,需要的朋友可以参考下
    2023-08-08
  • JavaScript代码编写中各种各样的坑和填坑方法

    JavaScript代码编写中各种各样的坑和填坑方法

    这篇文章主要介绍了JavaScript代码编写中各种各样的坑和填坑方法,相信你肯定遇到过这些陷阱,而且陷入过,本文共计介绍了5种坑和填坑方法,需要的朋友可以参考下
    2014-06-06

最新评论