JavaScript—window对象使用
window 对象是 JavaScript 浏览器对象模型中的顶层对象,包含多个常用方法和属性:
1、 打开新窗口
window.open(pageURL,name,parameters)
其中:pageURL 为子窗口路径、name 为子窗口句柄、parameters 为窗口参数(各参数用逗号分隔)
window.open("http://www.cnblogs.com/zhouhb/","open",'height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no');
2 、打开模式窗口
window.showModalDialog("http://www.cnblogs.com/zhouhb/","open","toolbars=0;width=200;height=200");
3 、关闭窗口(兼容IE)
如果网页不是通过脚本程序打开的(window.open();),调用 window.close(); 脚本关闭窗口前,必须先将 window.opener 对象置为null,否则浏览器 (IE7、IE8) 会弹出一个确定关闭的对话框。
老式:
<input type='button' value='关闭窗口' onClick="closeWindow()">
<script language="javaScript">
function closeWindow() {
window.opener = null;
window.open('', '_self', '');
window.close();
}
</script>
或
open(location, '_self').close();
4、 location对象使用
window.location.reload();//刷新当前页
window.location.href="http://www.cnblogs.com/zhouhb/"; //载入其他页面
5 、history对象使用
window.history.go(1); //前进
window.history.go(-1); //后退上一页
6、 子窗体向父窗体传值(17年4月18日,发现代码不好使了。)
父窗口代码:
<!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-Type" content="text/html; charset=UTF-8" />
<title>父窗口</title>
<script type="text/javascript">
var child; //通过判断子窗体的引用是否为空,可以控制它只能打开一个子窗体
function opendialog() {
//例一 这里用window对象作为参数传递(对应子窗口例一)
//window.showModalDialog("child.html", window, "win", "toolbar=no,scrollbars=no,location=no,statusbar=no,menubar=no,resizable=0,width=300,height=80");
//例二(对应子窗口例二)
//window.open("child.html", "Popup", "toolbar=no,scrollbars=no,location=no,statusbar=no,menubar=no,resizable=0,width=300,height=80");
//例三 打开子窗体的同时,对子窗体的元素进行赋值,因为window.open函数同样会返回一个子窗体的引用(对应子窗口例三,此例子不好使)
if (!child) {
child = window.open('child.html');
//需要等待子窗口加载完成,赋值才能成功
child.onload = function() {
child.document.getElementById('name').value = document.getElementById('name').value;
}
}
//例四(对应子窗口例四)
//var resultStr = showModalDialog("child.html", this, "dialogWidth:1000px;dialogHeight:800px");
//document.getElementById('name').value = resultStr;
}
</script>
</head>
<body>
<form>
<input type="text" id="name" value="123" />
<input type="button" id="open" value="open" onclick="opendialog()" />
</form>
</body>
</html>
子窗口代码:
<!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-Type" content="text/html; charset=utf-8" />
<title>子窗口</title>
<script type="text/javascript">
function updateParent() {
//例一(对应父窗口例一)
//var pathelem = window.dialogArguments; //子窗口获取传递的参数
//if (pathelem != undefined) {
// pathelem.document.getElementById("name").value = document.getElementById("name").value;
//}
//例二(对应父窗口例一和例二)
//var pathelem = this.opener.document.getElementById('name');
//pathelem.value = document.getElementById('name').value;
//例三(对应父窗口例三,此例子不好使)
window.opener.document.getElementById('name').value = document.getElementById('name').value;
window.opener.child = null;
//例四(对应父窗口例四)
//window.parent.returnValue = document.getElementById('name').value;
this.close();
}
</script>
</head>
<body>
<form>
<input type="text" id="name" />
<input type="button" id="update" value="更新父窗口" onclick="updateParent()" />
</form>
</body>
</html>
JavaScript—window对象使用的更多相关文章
- JavaScript Window 对象
< JavaScript Window Object > && < IE check > JavaScript Window Object Window.loa ...
- javascript Window对象 第16节
<html> <head> <title>浏览器对象</title> <script type="text/javascript&quo ...
- javascript window对象属性和方法
window对象 window对象表示一个浏览器窗口或一个框架.在客户端JavaScript中,window对象是全局对象,所有的表达式 都在当前的环境中计算.也就是说,要引用当前窗口根本不需要特殊的 ...
- 深入理解Javascript window对象
首先看我们的源代码. <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> ...
- JavaScript - window对象相关
1 . window对象常用方法 : 写法 : window.方法() 注意 : window可以省略不写 alert(), confirm(), prompt()是JavaScript提供和用户交互 ...
- 14 JavaScript Window对象
Window对象表示一个浏览器窗口或者一个框架. 在客户端JavaScript中,window对象是全局对象,所有的表达式都在当前的环境中计算. Window对象的子对象: JavaScript do ...
- JavaScript——Window对象
1.serTimeout()和setinterval()可用于注册在指定的时间之后单词或者重复调用的函数. 2.window对象的location属性引用的是Location对象,表示该窗口当前显示的 ...
- JavaScript Window对象
1.Window对象的location属性引用的是Location对象,它表示该窗口中当前显示的文档的URL,并定义了方法来使窗口载入新的文档.Location对象的href属性是一个字符串,后者包含 ...
- JavaScript Window对象属性
window 代表浏览器中一个打开的窗口. Window的属性 属性 描述 closed 获取引用窗口是否已关闭. defaultStatus 设置或获取要在窗口底部的状态栏上显示的缺省信息. dia ...
随机推荐
- Hibernate -- 注解(Annotation)关系映射
转自:http://www.cnblogs.com/tyler2000/archive/2011/01/20/1940354.html 1. Hibernate Annotation关系映射有下面几种 ...
- Request.url用法
原文:Request.url用法 我們在開發網頁應用程式,時常需要去解析網址(Request.Url)的每個片段,進行一些判斷.例如說 "http://localhost:1897/News ...
- 【Linux】鸟哥的Linux私房菜基础学习篇整理(十)
1. at [-mldv] TIME/at -c 工作号码:单一工作调度.参数:-m:当at的工作完成后,即使没有输出信息,以email通知用户该工作已完成:-l:相当于atq,列出目前系统上面的所有 ...
- RPM常见用法
rpm常见的用法: 命令 说明 rpm -i <.rpm file name> 安装指定的 .rpm 文件 rpm -U <.rpm file name> 用指定的.rpm文件 ...
- Squares(哈希)
Time Limit: 3500MS Memory Limit: 65536K Total Submissions: 14328 Accepted: 5393 Description A sq ...
- Blue Jeans(串)
Time Limit: 1000MS Memory Limit: 65536K Total Submissions: 10083 Accepted: 4262 Description The ...
- jquery 学习第一课之start
1.$选取符 ( $ == jQuery ) (1) $("div").addClass("special");选取本页面中的所有<div>元素,然 ...
- 数学(莫比乌斯函数):BZOJ 2440 完全平方数
Description 小 X 自幼就很喜欢数.但奇怪的是,他十分讨厌完全平方数.他觉得这些 数看起来很令人难受.由此,他也讨厌所有是完全平方数的正整数倍的数.然而 这丝毫不影响他对其他数的热爱. 这 ...
- Oracle 11g ORA-12514:TNS:监听程序当前无法识别连接描述符中请求的服务
1. 找到listener.ora监听文件,具体位置:D:\app\Administrator\product\11.2.0\dbhome_1\NETWORK\ADMIN\listener.ora 2 ...
- java编码问题深入总结
Java语言能够这么普遍的应用,与其国际化的能力是 分不开的,国际化的编码是Java国际化中最重要的一个组成部分,Java的国际化编码能力与其使用Unicode编码是直接相关的.在Java中,任何 ...