首页 > 代码库 > JS中基本window对象操作

JS中基本window对象操作

---恢复内容开始---

一.使用window中的属性时   window.属性,直接跟属性名。而调用window的函数时  window.hanshu(); 要在其函数名后面加括号。

二.window的基本属性:

    1.opener:当我首次打开这个网页窗口时,则opener的属性是null。

    2.open():其括号内包含四部分open(“写要打开的页面地址”,“在新窗口打开_blank还是在自身窗口打开_slef”,“设定要打开的窗口的格式:宽度高度、scrollbars=yes出现滚动条、toolbar=no新打开的窗口无工具条、menbar=no无菜单栏、status=no无状态栏、left=100打开的窗口距离左边的距离、resizable=no窗口大小不可调、location=yes有地址栏”,“”)

    3.close():关闭其打开的窗口。利用open属性我们可以打开一个或者多个窗口。如果我们想让open只能打开一个窗口的话。我们就要把window.open()获得的值付给一个变量如以下代码所示:

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

如上所示把所获得的的值赋给变量a,然后判断一下a是否等于null。若果可以往下执行,反之则不行。

  然后当我们想关闭时,就要给其设定另一个事件来触发关闭的函数:

function guan()

{
a.close();//直接a.close()
}

    4.间隔和延时

  1000毫秒==1秒

  1.间隔:window.setInterval(“要执行的函数”,间隔的时间毫秒数);间隔如果不清楚是无限执行的!

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

  3.延时:window.setTimeout(“要执行的函数”,延时的毫秒数);延时只执行一次,延时多长时间,多长时间之后才执行。

  4.清除延时:windo.clearTimeout(延时的id);

    5.调整页面

  1.window.navigate(“url”);跳转至目标页面,在谷歌浏览器下有bug。

  2.window.moveTo(x,y)跳转至页面的某一位置,位置有x,y决定。

  3.window.resizeTo(宽,高)调整页面的宽度和高度。

  4.window.scrollTo(x,y)滚动页面至哪里,y代表纵向的滚动。

    6.window.history对象

    历史记录,通过历史记录可以操作页面前进或者后退

  1.window.history.back();页面前进后退

  2.window.history.forward();页面前进

  3.window.history.go(n);n如果是正数则代表前进几个页面,如果是负数则代表后退几个页面,我们一般用这一种来进行history的操作!

    7.window.location对象

  1.window.location.href=http://www.mamicode.com/“http://www.baidu.com”;修改页面地址会跳转页面1

 

---恢复内容结束---

JS中基本window对象操作