window对象

window属性:

opener:打开当前窗口的源窗口,如果这个窗口是由别的网页点击链接跳转过来的,或者是从另外一个页面点击打开窗口打开的,opener就是找到源页面的。如果当前窗口是首次启动浏览器打开的,则运行alert(window.opener);弹出窗口就会出现null,表示没有源网页。

window方法:

事件是先设置写好的程序代码(用函数封装),代码写好后先封装起来,被触发后执行该程序。

例如:

<input type="button" value="执行事件"  onclick="Show()"/>
function Show()
{
alert(“aa”);
}

上面这段函数写好以后不会执行,当点击“执行事件”这个按钮后才会执行,输出结果 aa。执行事件是这个按钮的名字,onclick表示指向的调用的函数的名称,Show就是函数的名称。

1.open:打开页面

open里面有四个参数,window.open("第一部分","第二部分","第三部分","第四部分"),第四个一般不会用到,不用写。

第一部分:写要打开的页面地址
    第二部分:打开的方式,_blank 是在新窗口打开 ;_self是在自身窗口打开。
    第三部分:控制打开的窗口,可以写多个,用空格隔开,控制的方式有以下几种

    toolbar=no新打开的窗口无工具条 
    menubar=no无菜单栏 status=no无状态栏 
    width=100 height=100 宽度高度
    left=100 打开的窗口距离左边多少距离
    resizable=no窗口大小不可调 
    scrollbars=yes 出现滚动条
    location=yes 有地址栏

    例如: 

function Show()
{
  window.open("http://www.baidu.com","_black","width=100,height=100");
}

  上面代码会在新的窗口中打开一个100*100的百度页面。

window.open可以打开一个新的窗体,打开一个新的窗口之后会返回一个值,这个返回值叫窗体对象。有返回值就可以用一个变量接收,接收值的用处下面会提到。window.open打开窗口时会打开n个,点击一下按钮就会打开一次,如果想要只打开一次,用下面代码实现。

var a;
function Show()
{
if(a==null)
{
    a=window.open("http://www.baidu.com","_black","width=100,height=100");
}
}

表示用a接收打开网站时返回的变量值,如果变量值=null(没有变量),就打开新窗口,如果有变量值,就不再打开新的窗口。

2.close:关闭窗口

如果直接调用window.close();,作用是关闭当前页面,如果想关闭其他页面,例如关闭上面已经打开的页面,用下面代码实现。

   

<input type="button" value="关闭" onclick="Guan()" />
function Guan()
{
if(a!=null)
{
a.close();
}
}

做一个关闭按钮,如果返回的变量不等于null,证明网页在新的窗口打开了,直接用a.close();关闭,关闭返回量为a的窗口。

上面代码只能关闭一个窗口,如果在一个窗口中打开了n个窗口,可以用下面代码关闭所有打开的新的窗口。

<input type="button" value="打开窗体" onclick="Opens()" />
<input type="button" value="关闭窗体" onclick="Closes()" />
var attr = Arry();
function Opens()
{
var b = window.open("http://www.baidu.com","_blank");
attr.push(b);
}      
function Closes()
{
for(var i=0;i<attr.length;i++)
{
attr[i].close();
}
}

关闭多个代码的方式是每当打开一个新的窗口时,就会有一个返回值,把这些返回值放到一个数组里面。关闭这个数组,就会把里面的所有元素关闭,同时也把各元素所关联的窗口关闭。

3.间隔和延迟

延迟不是一个循环,只是延迟多长时间去执行。函数命名一般是用名称的字母,首字母大写。变量命名一般是小写。window.setInterval("要执行的代码",间隔的毫秒数)

示例写法:window.setInterval("alert('aa')",1000);当双引号需要套用时,里面的双引号要写成单引号,例如("alert('aa')",如果写成两个“”,系统会认为相邻的两个“”之间是一个字符串,系统就会报错。

或者:window.setInterval("var c = 'hello';alert(c)",1000);  一般不用这种写法,显得太乱。

一般会这样写:

<input type="button" value="间隔" onclick="JianGe()" />//放在body
function JianGe()
{
window.setInterval("Jian",1000)
}
function Jian()
{
alert(“你好”);
}

setInterval在执行时也会有个返回值,它返回的是一个间隔的id,每个间隔弹出的窗口的id是不一样的,可以通过返回值控制间隔。把这些返回值存到一个变量里面,当想结束间隔时,通过id结束就可以了。

window.clearInterval:(间隔的id); 循环一次之后用来清除隔几秒执行的代码

示例:

var id;
function JianGe()
{
id = window.setInterval("Jian('')",1000);
}
function Jian()
{
window.open("http://www.baidu.com","_blank","width=200 height=200");
}
function JieShu()
{
window.clearInterval(id);
}

window.setTimeout  延迟执行("要执行的代码",延迟的毫秒数)

<input type="button"  value="延迟执行" onclick="YanChi"/>
function YanChi()
{
window.setTimeout("alert('aa')",2000)
}

延迟执行只弹出来一次,只是延迟,上面代码表示延迟2s执行。

另外,延迟也可以做成间隔的效果,下列代码可以实现该功能。其原理是每隔1s,函数YanJian()就自己调用自己一次,实现间隔的效果。

<input type="button" value="延迟做间隔" onclick="YanJian" />
function YanJian()
{
alert("aa");
window.setTimeout("YanJian",1000)
}
//window.clearTimeout(延迟的id);清除setTimeout,一般延迟执行较为常用。

4.window.history.go(n); n是正数代表前进n个页面,n是负数代表后退n个页面。

9月22日上午JavaScript----window对象的更多相关文章

  1. 9月20日上午JavaScript函数

    函数 一.  函数定义 函数又叫方法,在程序里面函数是用来执行某些特定功能的代码.为了减少重复使用代码,可以把特定功能的代码做成函数,需要使用时拿出来调用.alert();就是一个很常见的.简单的函数 ...

  2. 9月19日上午JavaScript数组

    数组 一.定义 1.数组的文字定义 广义上说,数组是相同类型数据的集合.但是对于强类型语言和弱类型语言来说其特点是不一样的.强类型语言数组和集合有以下特点. 数组强类型语言:1.数组里面只能存放相同数 ...

  3. 12月22日《奥威Power-BI财务报表数据填报》腾讯课堂开课啦

    一扇可以通向任何地方的“任意门”,是我们多少人幼时最梦寐以求的道具之一.即使到了现在,工作中的我们还会时不时有“世界那么大,我想去看看”的念头,或者在突然不想工作的时刻,幻想着自己的家门变成了“任意门 ...

  4. Autodesk 最新开发技术研讨会 -8月22日-Autodesk北京办公室

    为了增进与广大中国地区Autodesk产品的二次开发人员的了解与互动,帮助中国地区的Autodesk产品二次开发人员了解Autodesk最新的二次开发技术动向,并获得Autodesk公司专业开发支持顾 ...

  5. 见见面、聊聊天 - 5月22日晚7点Meetup,三里屯绿树旁酒吧,畅谈云技术和应用

    总是邮件.QQ什么的线上聊,让我们见面吧,不怕见光死,呵呵.   我和同事会先抛砖引玉,给大家介绍一下Autodesk几款最新的云技术和解决方案,然后大家就可畅所欲言,自由交流.来自五湖四海的人,为了 ...

  6. 2016年12月22日 星期四 --出埃及记 Exodus 21:17

    2016年12月22日 星期四 --出埃及记 Exodus 21:17 "Anyone who curses his father or mother must be put to deat ...

  7. 转:[置顶] 从头到尾彻底理解KMP(2014年8月22日版)

    [置顶] 从头到尾彻底理解KMP(2014年8月22日版)

  8. 2016年11月22日 星期二 --出埃及记 Exodus 20:13

    2016年11月22日 星期二 --出埃及记 Exodus 20:13 "You shall not murder.不可杀人.

  9. 2016年10月22日 星期六 --出埃及记 Exodus 19:6

    2016年10月22日 星期六 --出埃及记 Exodus 19:6 you will be for me a kingdom of priests and a holy nation.' These ...

随机推荐

  1. MyBatis学习--mybatis开发dao的方法

    简介 使用Mybatis开发Dao,通常有两个方法,即原始Dao开发方法和Mapper接口开发方法. 主要概念介绍: MyBatis中进行Dao开发时候有几个重要的类,它们是SqlSessionFac ...

  2. iOS开发--利用MPMoviePlayerController播放视频简单实现

    一.包含头文件#import <MediaPlayer/MediaPlayer.h> 二.重点:给MPMoviePlayerController的view设置frame,并且将view添加 ...

  3. 【BZOJ 1492】【NOI 2007】货币兑换Cash

    这是道CDQ分治的例题: $O(n^2)$的DP: f [1]←S* Rate[1] / (A[1] * Rate[1] + B[1]) Ans←SFor i ← 2 to n For j ←1 to ...

  4. c#学习<四>:C#2.0、C#3.0

    委托的演变 委托(C#1.0) 委托可看作是只定义了一个方法的接口,将委托的实例看作实现了这个接口的一个对象. 委托的执行要满足4个条件: 1. 声明委托类型                     ...

  5. mysql-now()读取当日日期-格式化

    使用系统时间now(): MYSQL 获取当前日期及日期格式获取系统日期: NOW() 格式化日期: DATE_FORMAT(date, format) 注: date:时间字段format:日期格式 ...

  6. Fresco内存机制(Ashmem匿名共享内存)

    Fresco的内存机制 Fresco是Facebook出品的高性能图片加载库,采用了Ashmem匿名共享内存机制, 来解决图片加载中的OOM问题.这里不对Fresco做深入分析,只关注Fresco在A ...

  7. C#-面向对象——如何调用使用类 普通方法、静态方法的使用

    类的调用使用 新建的类的命名空间与主函数的命名空间默认相同,如果不同,则主函数无法调用自定义类 比如: 只需要进行引用即可 如果不知道方法的类名,可以右键鼠标 → 解析 → using 即可 普通方法 ...

  8. Kudu 实时的存储系统

  9. Python 编辑器 tips

    1.  IDLE界面美化 注意IDLE是可以设置语法高亮的:(美化参考 http://www.linuxidc.com/Linux/2012-07/66129.htm) windows 用户,直接打开 ...

  10. 【BZOJ-4636】蒟蒻的数列 动态开点线段树 ||(离散化) + 标记永久化

    4636: 蒟蒻的数列 Time Limit: 30 Sec  Memory Limit: 256 MBSubmit: 247  Solved: 113[Submit][Status][Discuss ...