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 相关文章推荐
在textarea中屏蔽js的某个function的javascript代码
Apr 20 Javascript
Js基础学习资料
Nov 23 Javascript
jQuery中offset()方法用法实例
Jan 16 Javascript
JavaScript实现页面5秒后自动跳转的方法
Apr 16 Javascript
使用AngularJS创建自定义的过滤器的方法
Jun 18 Javascript
jQuery实现网页顶部固定导航效果代码
Dec 24 Javascript
基于JavaScript实现手机短信按钮倒计时(超简单)
Dec 30 Javascript
使用JQuery 加载页面时调用JS的实现方法
May 30 Javascript
ASP.NET jquery ajax传递参数的实例
Nov 02 Javascript
IE11下使用canvas.toDataURL报SecurityError错误的解决方法
Nov 19 Javascript
浅谈vue自定义全局组件并通过全局方法 Vue.use() 使用该组件
Dec 07 Javascript
JavaScript 几种循环方式以及模块化的总结
Sep 03 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
Sony CFR 320 修复改造
2020/03/14 无线电
PHP定时任务延缓执行的实现
2014/10/08 PHP
PHP常见数组函数用法小结
2016/03/21 PHP
将PHP的session数据存储到数据库中的代码实例
2016/06/24 PHP
PHP HTTP 认证实例详解
2016/11/03 PHP
PHP中静态变量的使用方法实例分析
2016/12/01 PHP
Django 标签筛选的实现代码(一对多、多对多)
2018/09/05 PHP
GridView中获取被点击行中的DropDownList和TextBox中的值
2013/07/18 Javascript
动态加载jQuery的两种方法实例分析
2015/07/17 Javascript
js 原型对象和原型链理解
2017/02/09 Javascript
jQuery的三种bind/One/Live/On事件绑定使用方法
2017/02/23 Javascript
fetch 使用及如何接收JS传值
2017/11/11 Javascript
JavaScript+Canvas实现彩色图片转换成黑白图片的方法分析
2018/07/31 Javascript
webpack4简单入门实例
2018/09/06 Javascript
nodejs初始化init的示例代码
2018/10/10 NodeJs
vue使用laydate时间插件的方法
2018/11/14 Javascript
一文读懂ES7中的javascript修饰器
2019/05/06 Javascript
如何使用three.js 制作一个三维的推箱子游戏
2020/07/29 Javascript
基于Python实现的扫雷游戏实例代码
2014/08/01 Python
Python字符串处理实现单词反转
2017/06/14 Python
使用Turtle画正螺旋线的方法
2017/09/22 Python
详解python之协程gevent模块
2018/06/14 Python
用Python将一个列表分割成小列表的实例讲解
2018/07/02 Python
Python从数据库读取大量数据批量写入文件的方法
2018/12/10 Python
python使用for循环计算0-100的整数的和方法
2019/02/01 Python
Python实现图片转字符画的代码实例
2019/02/22 Python
用python生成(动态彩色)二维码的方法(使用myqr库实现)
2019/06/24 Python
Python 使用元类type创建类对象常见应用详解
2019/10/17 Python
巴西服装和鞋子购物网站:Marisa
2018/10/25 全球购物
英国最受欢迎的在线隐形眼镜商店:VisionDirect.co.uk
2018/12/06 全球购物
主要的Ajax框架都有什么
2013/11/14 面试题
大学自我鉴定范文
2013/12/26 职场文书
预备党员2014全国两会学习心得体会
2014/03/10 职场文书
加入学生会自荐书
2015/03/05 职场文书
运动会三级跳加油稿
2015/07/21 职场文书
Python爬虫实战之爬取携程评论
2021/06/02 Python