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对象使用的更多相关文章

  1. JavaScript Window 对象

    < JavaScript Window Object > && < IE check > JavaScript Window Object Window.loa ...

  2. javascript Window对象 第16节

    <html> <head> <title>浏览器对象</title> <script type="text/javascript&quo ...

  3. javascript window对象属性和方法

    window对象 window对象表示一个浏览器窗口或一个框架.在客户端JavaScript中,window对象是全局对象,所有的表达式 都在当前的环境中计算.也就是说,要引用当前窗口根本不需要特殊的 ...

  4. 深入理解Javascript window对象

    首先看我们的源代码. <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> ...

  5. JavaScript - window对象相关

    1 . window对象常用方法 : 写法 : window.方法() 注意 : window可以省略不写 alert(), confirm(), prompt()是JavaScript提供和用户交互 ...

  6. 14 JavaScript Window对象

    Window对象表示一个浏览器窗口或者一个框架. 在客户端JavaScript中,window对象是全局对象,所有的表达式都在当前的环境中计算. Window对象的子对象: JavaScript do ...

  7. JavaScript——Window对象

    1.serTimeout()和setinterval()可用于注册在指定的时间之后单词或者重复调用的函数. 2.window对象的location属性引用的是Location对象,表示该窗口当前显示的 ...

  8. JavaScript Window对象

    1.Window对象的location属性引用的是Location对象,它表示该窗口中当前显示的文档的URL,并定义了方法来使窗口载入新的文档.Location对象的href属性是一个字符串,后者包含 ...

  9. JavaScript Window对象属性

    window 代表浏览器中一个打开的窗口. Window的属性 属性 描述 closed 获取引用窗口是否已关闭. defaultStatus 设置或获取要在窗口底部的状态栏上显示的缺省信息. dia ...

随机推荐

  1. 如何完美打造Win8 Metro版IE10浏览器页面（转）

    Windows8 内置两种 Internet Explorer 10 (以下简称 IE10),一个是在桌面环境下使用的 IE10:视窗操作.可以支持各种插件(ActiveX):而另外一个则是在新的开始 ...

  2. 转:SSDB：快速取代redis的nosql

    原文来自于:http://hao.jobbole.com/ssdb%EF%BC%9A%E5%BF%AB%E9%80%9F%E5%8F%96%E4%BB%A3redis%E7%9A%84nosql/ S ...

  3. 会声会影X6-高级运动等效果的练习实践-与您分享...

          视频片说明:我在学习X6的视频教程后,做了针对性练习与实 践,我所用的素材取于网络世界-百度下载,视频中的效果有,高级运动;平移缩放,分屏效果,<运用:关键帧,缩放,旋转,加相框,倒 ...

  4. ios开发学习- 简易音乐播放器2 （基于iPhone4s屏幕尺寸）-- 歌词解析--plist文件应用--imageNamed图片加载耗内存

    声明:(部分图片来自网络,如果侵犯了您的权益请联系我,会尽快删除!) 又是音乐播放器,不过这次和上次不一样了,准确说这次更像播放器了,初学者不建议看这个,可以先看前面一个音乐播放器(1),当然 我没加 ...

  5. 转：Mysql读写分离实现的三种方式

    1 程序修改mysql操作类可以参考PHP实现的Mysql读写分离,阿权开始的本项目,以php程序解决此需求.优点:直接和数据库通信,简单快捷的读写分离和随机的方式实现的负载均衡,权限独立分配缺点:自 ...

  6. phpMyAdmin import.php 安全漏洞

    漏洞名称: phpMyAdmin import.php 安全漏洞 CNNVD编号: CNNVD-201307-068 发布时间: 2013-07-05 更新时间: 2013-07-05 危害等级:   ...

  7. Light OJ 1013 Love Calculator(DP)

    题目大意: 给你两个字符串A,B 要求一个最短的字符串C,使得A,B同时为C的子串. 问C最短长度是多少? C有多少种? 题目分析: 做这道题目的时候自己并没有推出来,看了网上的题解. 1.dp[C串 ...

  8. 网络流(最大流) CQOI 2015 BZOJ 3931 网络吞吐量

    3931: [CQOI2015]网络吞吐量 Description 路由是指通过计算机网络把信息从源地址传输到目的地址的活 动,也是计算机网络设计中的重点和难点.网络中实现路由转发的硬件设备称为路由器 ...

  9. 服务器之间免密码ssh登陆

    配置服务器f1(192.168.1.1)与服务器f2(192.168.1.2)之间免密码ssh登陆 一.首先,配置服务器主机名为f1.f2 1.更改/etc/sysconfig下的network文件, ...

  10. Postman 基本操作学习

    History 所有使用postman发送的request都会保存在这里.点击之后会在当前Tab打开. 参考: Requests History Environments 这里用来设定当前reques ...