Window.open简介
一、方法介绍
Window.open():打开一个新窗口
四个参数:
URL | 可选。打开指定的页面的URL。如果没有指定URL,打开一个新的空白窗口 | ||||||||||||||||||||||||||||
name |
可选。指定target属性或窗口的名称。支持以下值:
|
||||||||||||||||||||||||||||
specs |
可选。一个逗号分隔的项目列表。支持以下值:
|
||||||||||||||||||||||||||||
replace |
Optional.Specifies规定了装载到窗口的 URL 是在窗口的浏览历史中创建一个新条目,还是替换浏览历史中的当前条目。支持下面的值:
|
window.opener:返回打开该窗口的父窗口引用
window.documnet:返回document对象
二、例子
实现如下选择按钮
代码:
(1)文件目录
(2)first.html
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title></head><body><input type="text" id="number" disabled="disabled" /><input type="button" value="选择" onclick="openNewWindow()" /></body><script>function openNewWindow(){var myWindow = window.open('second.html','','width=200,height=200');}</script></html>
(3)second.html
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title></head><body><table><tr><td>1</td><td><button onclick="selectTish(1)">选择</button></td></tr><tr><td>2</td><td><button onclick="selectTish(2)">选择</button></td></tr></table></body><script>function selectTish(num){//1、获得打开该窗口的父窗口引用var first = window.opener;//2、获得document对象var doc = first.document;//3、改变父类标签值doc.getElementById("number").value = num;//4、关闭本窗口window.close();}</script></html>
Window.open简介相关推荐
- linux 图形用户界面 x window system 简介
X window 是Unix/Linux系统上的图形用户界面,一个Linux的发行版,比如说Ubuntu,都是Linux内核加上图形用户界面(比如GNome,KDE)再加一堆应用软件组成的.所以说x ...
- JavaScript浏览器window对象→简介、消息对话框、计时器、history、打开新窗口及模式showModalDialog、location、navigator、screen、窗口位置尺寸
window对象 alert消息提示对话框 confirm消息确认对话框 prompt互动对话框 计时器 setInterval周期计时器 setTimeout延迟计时器 window.history ...
- window.showModalDialog 简介
基本介绍: showModalDialog() (IE 4+ 支持) showModelessDialog() (IE 5+ 支持) window.showModalDialog()方法用来创建一个显 ...
- Window对象简介
Window对象是JavaScript层级中的顶层对象. Window对象表示一个浏览器窗口或一个框架,它在<body>或<frameset>出现时被自动创建. Window对 ...
- Window快捷键简介
Tab组合键Shift + Delete 永久删除所选项,而不将它放到"回收站"中. 拖动某一项时按 CTRL 复制所选项. 拖动某一项时按 CTRL + SHIFT 创建所选 ...
- OpenGL创建hello Window窗口
OpenGL创建hello Window窗口 OpenGL创建hello Window窗口简介 源代码剖析 主要源代码 OpenGL创建hello Window窗口简介 这是我们与GLEW(OpenG ...
- JavaScript 基础(十三):Window对象
2019独角兽企业重金招聘Python工程师标准>>> 一. window对象简介 window 对象 是 BOM(浏览器对象模型) 的核心,window对象指当前的浏览器窗口. w ...
- window.requestAnimationFrame Web3D渲染帧率控制
目录 window.requestAnimationFrame简介 定义 语法 参数 返回值 使用注意 两种方式控制帧率 默认帧数中取适当次数更新 用延时控制帧率更新的频率 总结 注意: window ...
- window对象,对话框
1 .window对象简介 在JavaScript中,一个浏览器窗口就是一个window对象. 简单来说,JavaScript会把一个窗口看成一个对象,这样我们就可以用这个对象的属性和方法来操作这个窗 ...
最新文章
- Python符号计算库sympy使用笔记
- sdut 1500 Message Flood
- jqury ajax跳转界面,jquery ajax 界面跳转失败解决方案
- Apache Shiro第3部分–密码学
- python spacy [E050] Can't find model 'en_core_web_sm'
- Google Earth Engine(GEE)批量下载夜光遥感数据
- Intellij IDEA远程debug教程实战和要点总结
- 汽车应急启动电源,拉杆音箱,蓝牙音响升压芯片合集,DCDC大功率外置MOS升压芯片10W,200W,400W
- 计算机功能室设备器材清单,办公用品清单
- 那些年我们一起追过的ILSVRC冠军
- Ubuntu内核版本降级
- C++:多态性与虚函数 | 虚函数的注意点 | 汇编角度来看动态联编过程
- 0CTF2017 WEB WriteUp
- css竖向箭头符号_「右箭头符号」html实现右箭头 - seo实验室
- python编程-----利用爬虫获取自如房间信息(二)
- Latex、如何将word中的表格转换为Latex代码
- H3C R390 G2 服务器重装系统
- PAT乙级C语言 1028 人口普查
- google chrome浏览器 Linux平台安装包(rpm,deb)
- python 全栈开发,Day91(Vue实例的生命周期,组件间通信之中央事件总线bus,Vue Router,vue-cli 工具)...
热门文章
- Linux命令详解之 mv
- Eureka注册中心配置
- 获评中国教育照明25强,利尔达引领教育照明行业“智变”
- 联合国逼捐马斯克成功,但60亿不知捐给了谁
- 欧陆战争5设备系统时间与服务器时间不一致,欧陆战争5怎么领每日任务 每日任务数量与质量攻略...
- U盘被写保护,被分区了,报0x8000FFFF灾难性错误
- ACM MM 2023截止时间
- 新浪微博中链接不能直接打开的最新解决方案
- 浪迹丶黑客入坑mode1
- Springboot - 用SpringBoot 2.3.0.M1创建Docker映像