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


Posted in Javascript onJanuary 11, 2014

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 相关文章推荐
jQuery的几个我们必须了解的特点
May 03 Javascript
简介JavaScript中substring()方法的使用
Jun 06 Javascript
Javascript中浏览器窗口的基本操作总结
Aug 18 Javascript
深入理解React高阶组件
Sep 28 Javascript
bootstrap时间插件daterangepicker使用详解
Oct 19 Javascript
JS使用tofixed与round处理数据四舍五入的区别
Oct 25 Javascript
Vue 动态设置路由参数的案例分析
Apr 24 Javascript
jQuery Ajax实现Select多级关联动态绑定数据的实例代码
Oct 26 jQuery
如何使用vuex实现兄弟组件通信
Nov 02 Javascript
优雅的elementUI table单元格可编辑实现方法详解
Dec 23 Javascript
[原创]微信小程序获取网络类型的方法示例
Mar 01 Javascript
在vue项目实现一个ctrl+f的搜索功能
Feb 28 Javascript
JS中表单的使用小结
Jan 11 #Javascript
js opener的使用详解
Jan 11 #Javascript
JS获取下拉列表所选中的TEXT和Value的实现代码
Jan 11 #Javascript
JS,Jquery获取select,dropdownlist,checkbox下拉列表框的值(示例代码)
Jan 11 #Javascript
js获取下拉列表框中的value和text的值示例代码
Jan 11 #Javascript
两个select多选模式的选项相互移动(示例代码)
Jan 11 #Javascript
利用javascript打开模态对话框(示例代码)
Jan 11 #Javascript
You might like
php 魔术方法使用说明
2009/10/20 PHP
php mailer类调用远程SMTP服务器发送邮件实现方法
2016/03/04 PHP
PHP5.5迭代生成器用法实例详解
2016/03/16 PHP
php魔法函数与魔法常量使用介绍
2017/07/23 PHP
php中访问修饰符的知识点总结
2019/01/27 PHP
js字符串的各种格式的转换 ToString,Format
2011/08/08 Javascript
js实现网站最上边可关闭的浮动广告条代码
2015/09/04 Javascript
学习javascript面向对象 理解javascript对象
2016/01/04 Javascript
学习JavaScript设计模式之享元模式
2016/01/18 Javascript
关于在Servelet中如何获取当前时间的操作方法
2016/06/28 Javascript
Vue.js计算属性computed与watch(5)
2016/12/09 Javascript
Angular中使用ng-zorro图标库部分图标不能正常显示问题
2019/04/22 Javascript
layui 弹出层值回传解决方式
2019/11/14 Javascript
利用python实现命令行有道词典的方法示例
2017/01/31 Python
python万年历实现代码 含运行结果
2017/05/20 Python
Python函数装饰器实现方法详解
2018/12/22 Python
python画图的函数用法以及技巧
2019/06/28 Python
Python3.9又更新了:dict内置新功能
2020/02/28 Python
在django项目中导出数据到excel文件并实现下载的功能
2020/03/13 Python
python多进程使用函数封装实例
2020/05/02 Python
pytorch 查看cuda 版本方式
2020/06/23 Python
项目经理的岗位职责
2013/11/23 职场文书
后勤采购员岗位职责
2013/12/19 职场文书
九年级数学教学反思
2014/02/02 职场文书
静心口服夜广告词
2014/03/20 职场文书
乔丹名人堂演讲稿
2014/05/24 职场文书
小学学校评估方案
2014/06/08 职场文书
会员卡清退活动总结
2014/08/27 职场文书
营销总经理岗位职责范本
2014/09/02 职场文书
捐助倡议书
2015/01/19 职场文书
家长高考寄语
2015/02/27 职场文书
法制主题班会教案
2015/08/13 职场文书
2016七一建党节慰问信
2015/11/30 职场文书
用Python实现Newton插值法
2021/04/17 Python
python中字符串String及其常见操作指南(方法、函数)
2022/04/06 Python
windows安装 redis 6.2.6最新步骤详解
2022/04/26 Redis