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 相关文章推荐
我见过最全的个人js加解密功能页面
Dec 12 Javascript
jqeury-easyui-layout问题解决方法
Mar 24 Javascript
JQuery实现鼠标移动图片显示描述层的方法
Jun 25 Javascript
JavaScript编写简单的计算器
Nov 25 Javascript
基于node实现websocket协议
Apr 25 Javascript
thinkphp标签实现bootsrtap轮播carousel实例代码
Feb 19 Javascript
vue组件 $children,$refs,$parent的使用详解
Jul 31 Javascript
解决Vue动态加载本地图片问题
Oct 09 Javascript
js中script的上下放置区别,Dom的增删改创建操作实例分析
Dec 16 Javascript
在vue中实现清除echarts上次保留的数据(亲测有效)
Sep 09 Javascript
解决vue项目中遇到 Cannot find module ‘chalk‘ 报错的问题
Nov 05 Javascript
JavaScript+HTML实现学生信息管理系统
Apr 20 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
Smarty foreach控制循环次数的一些方法
2015/07/01 PHP
PHP中调用C/C++制作的动态链接库的教程
2016/03/10 PHP
获取任意Html元素与body之间的偏移距离 offsetTop、offsetLeft (For:IE5+ FF1 )[
2006/12/22 Javascript
jquery的总体架构分析及实现示例详解
2014/11/08 Javascript
一看就懂:jsonp详解
2015/06/01 Javascript
js重写方法的简单实现
2016/07/10 Javascript
细数JavaScript 一个等号,两个等号,三个等号的区别
2016/10/09 Javascript
jQuery中animate()的使用方法及解决$(”body“).animate({“scrollTop”:top})不被Firefox支持的问题
2017/04/04 jQuery
详解vuex状态管理模式
2018/11/01 Javascript
JS实现倒计时图文效果
2018/11/17 Javascript
vue前后分离调起微信支付
2019/07/29 Javascript
微信小程序实现抖音播放效果的实例代码
2020/04/11 Javascript
15分钟上手vue3.0(小结)
2020/05/20 Javascript
Vue环境搭建+VSCode+Win10的详细教程
2020/08/19 Javascript
Angular处理未可知异常错误的方法详解
2021/01/17 Javascript
[06:14]《辉夜杯》外卡赛附加赛 4支战队巡礼
2015/10/23 DOTA
解决pyqt中ui编译成窗体.py中文乱码的问题
2016/12/23 Python
深入理解python对json的操作总结
2017/01/05 Python
浅谈python内置变量-reversed(seq)
2017/06/21 Python
Python实现获取照片拍摄日期并重命名的方法
2017/09/30 Python
pyqt5 实现在别的窗口弹出进度条
2019/06/18 Python
python点击鼠标获取坐标(Graphics)
2019/08/10 Python
Python FtpLib模块应用操作详解
2019/12/12 Python
django-利用session机制实现唯一登录的例子
2020/03/16 Python
Python实现EM算法实例代码
2020/10/04 Python
python爬虫 requests-html的使用
2020/11/30 Python
Zavvi美国:英国娱乐之家
2017/03/19 全球购物
新加坡最受追捧的体验平台:Hapz
2018/01/01 全球购物
德国电子产品购物网站:TechInTheBasket德国
2018/12/07 全球购物
如果重写了对象的equals()方法,需要考虑什么
2014/11/02 面试题
移动通信行业实习自我鉴定
2013/09/28 职场文书
物理教育专业毕业生推荐信
2013/11/03 职场文书
工作失误检讨书(3篇)
2014/10/11 职场文书
2014年采购工作总结
2014/11/20 职场文书
2015年医药代表工作总结
2015/04/25 职场文书
用Python简陋模拟n阶魔方
2021/04/17 Python