JS 用window.open()函数详解
2019独角兽企业重金招聘Python工程师标准>>>
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对象的引用。
-------------------------------------------------------------------------------------------------------------------
方法:
1: 在父级页面 test.aspx 的点击<input type="button" id="btnShow" οnclick="showItem();" value="显示子窗体"/>按钮触发 ,然后 :
<script language="javascript" type="text/javascript">
function showItem() {
var win = window.open("test2.aspx",null," height=300,width=450, Left=300px,Top=20px, menubar=no,titlebar=no,scrollbar=no,toolbar=no, status=no,location=no");
}
2: 在子级页面test2.aspx的点击<input type="button" id="btnSelect" οnclick="check();" value="选择"/> 按钮触发,然后:
<script language="javascript" type="text/javascript">
function check() {
window.opener.document.getElementById("txtId").value=id;
window.opener.document.getElementById("txtName").value=name;
}
这样,父级页面的document.getElementById("txtId") 和 document.getElementById("txtName") 2个控件就可以得到子级页面的返回值。
转载于:https://my.oschina.net/rouchongzi/blog/111893
JS 用window.open()函数详解相关推荐
- [js]JavaScript Number.toPrecision() 函数详解
[js]JavaScript Number.toPrecision() 函数详解 JavaScript: numberObject.toPrecision( [ precision ] ) 如果没有提 ...
- JS中window.onload事件详解
window.onload出现的原因? 我们都知道页面的代码顺序是从上往下进行加载,很多时候我们要对页面中的某一个模块进行操作,这时候我们常常使用javascript代码来进行操作.为了能够保证操作 ...
- JS中window.open()参数详解
转自:https://www.cnblogs.com/sofiawang/articles/1544631.html 1, 最基本的弹出窗口代码 window.open('page.html') ...
- linux 弹出窗口,实现弹出窗口的window.open用法详解(js代码)
实现弹出窗口的window.open用法详解(js代码) [1.最基本的弹出窗口代码] 其实代码非常简单: 因为这是一段javascripts代码,所以它们应该放在 cript">标签 ...
- js基础 -- window.btoa和window.atob使用详解.md
欢迎访问我的个人博客:http://www.xiaolongwu.cn 定义 atob() 解码一个Base64字符串. btoa() 从一个字符串或者二进制数据编码一个Base64字符串. 用法 只 ...
- 脚本——web_custom_request函数详解
web_custom_request函数详解 在LR中当使用HTML录制方式时,录制的脚本中主要由函数web_link().web_submit_form().web_url().web_submit ...
- JS中的event 对象详解
JS中的event 对象详解 JS的event对象 Event属性和方法: 1. type:事件的类型,如onlick中的click: 2. srcElement/target:事件源,就是发生事件的 ...
- ajaxsetup获取ajax的url_jQuery.ajaxSetup() 函数详解
该函数用于更改jQuery中AJAX请求的默认设置选项.之后执行的所有AJAX请求,如果对应的选项参数没有设置, 将使用更改后的默认设置. //设置AJAX的全局默认选项 $.ajaxSetup( { ...
- 【ES6】Generator函数详解
[ES6]Generator函数详解 一.Generator函数简介 基本概念 函数写法 yield关键字介绍 二.next方法的参数 三.for...of循环 四.关于普通throw()与Gener ...
- 【Python入门】Python之OS模块39个常用函数详解
os,语义操作系统,所以该模块就是操作系统相关的功能了,用于处理文件和目录这些我们日常手动需要做的操作,比如新建文件夹.获取文件列表.删除某个文件.获取文件大小.重命名文件.获取文件修改时间等,该模块 ...
最新文章
- VMware出现“该虚拟机似乎正在使用中 请获取所有权”
- 2022QS世界大学排名:清北跻身世界前20
- 【Python机器学习时间指南】一、Python机器学习的生态系统
- HTML5日期输入类型
- C语言数组学完学啥,我的c语言学习-数组专题
- 安卓APP_ 布局(2) —— RelativeLayout相对布局
- 48session的生命周期
- MDaemon邮件服务器解决方案之应急恢复解决方案
- 下载与eclipse匹配的hibernate tools
- 谷歌更新漏洞披露规则:不管补丁打没打,够90天才披露
- 随笔 --- 深夜反思、重定向
- 浅谈Linux用户权限管理之三(文件与权限的设定)
- 销售灵魂人物的潜伏笔记5
- HTML设置半透明的背景,CSS设置半透明背景实例详解
- 如何成为一个合格的ASF贡献者?
- 深度——强化学习、深度森林
- root android 5.0,安卓android5.0怎么一键root? 安卓5.0一键root教程
- alc236黑苹果驱动_黑苹果亮度调节及调节快捷键驱动
- Linux操作系统学习笔记(十)内存管理之内存映射
- canal - 数据同步工具