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 相关文章推荐
IE中直接运行显示当前网页中的图片 推荐
Aug 31 Javascript
javascript 隐藏/显示指定的区域附HTML元素【legend】用法
Mar 05 Javascript
jQuery父级以及同级元素查找介绍
Sep 04 Javascript
一个不错的仿携程自定义数据下拉选择select
Sep 01 Javascript
jQuery事件绑定和委托实例
Nov 25 Javascript
理解javascript对象继承
Apr 17 Javascript
chrome下判断点击input上标签还是其余标签的实现方法
Sep 18 Javascript
9种使用Chrome Firefox 自带调试工具调试javascript技巧
Dec 22 Javascript
webpack中如何使用雪碧图的示例代码
Nov 11 Javascript
基于vue 实现表单中password输入的显示与隐藏功能
Jul 19 Javascript
基于vue实现微博三方登录流程解析
Nov 04 Javascript
使用react+redux实现计数器功能及遇到问题
Jun 02 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
header()函数使用说明
2006/11/23 PHP
浅析HTTP消息头网页缓存控制以及header常用指令介绍
2013/06/28 PHP
php读取csv文件后,uft8 bom导致在页面上显示出现问题的解决方法
2013/08/10 PHP
PHP运行SVN命令显示某用户的文件更新记录的代码
2014/01/03 PHP
PHP判断是否为空的几个函数对比
2015/04/21 PHP
JS+PHP实现用户输入数字后显示最大的值及所在位置
2017/06/19 PHP
php实现生成带二维码图片并强制下载功能
2018/02/24 PHP
JS获取整个页面文档的实现代码
2011/12/15 Javascript
基于javascript 闭包基础分享
2013/07/10 Javascript
JS实现可调整倒计时间代码分享
2015/08/18 Javascript
页面内容排序插件jSort使用方法
2015/10/10 Javascript
Jquery实现select multiple左右添加和删除功能的简单实例
2016/05/26 Javascript
javascript小数精度丢失的完美解决方法
2016/05/31 Javascript
JS+CSS3实现超炫的散列画廊特效
2016/07/16 Javascript
Bootstrap 手风琴菜单的实现代码
2017/01/20 Javascript
详解vue-router和vue-cli以及组件之间的传值
2017/07/04 Javascript
vue的toast弹窗组件实例详解
2018/05/14 Javascript
jQuery实现input[type=file]多图预览上传删除等功能
2019/08/02 jQuery
Vue实现按钮级权限方案
2019/11/21 Javascript
详解Django框架中的视图级缓存
2015/07/23 Python
Python解析最简单的验证码
2016/01/07 Python
Flask模拟实现CSRF攻击的方法
2018/07/24 Python
Python实现矩阵相乘的三种方法小结
2018/07/26 Python
Python3 使用cookiejar管理cookie的方法
2018/12/28 Python
pycharm设置鼠标悬停查看方法设置
2019/07/29 Python
pandas factorize实现将字符串特征转化为数字特征
2019/12/19 Python
巴西宠物商店:Cobasi
2019/04/19 全球购物
中医专业应届生求职信
2013/11/17 职场文书
客服主管岗位职责
2013/12/13 职场文书
IT工程师岗位职责
2014/07/04 职场文书
关于颐和园的导游词
2015/01/30 职场文书
教师节慰问信
2015/02/15 职场文书
自我工作评价范文
2015/03/06 职场文书
导游词之晋城蟒河
2019/12/12 职场文书
left join、inner join、right join的区别
2021/04/05 MySQL
解读MySQL的客户端和服务端协议
2021/05/10 MySQL