JS中基本window对象操作

Posted 2020-08-19 AnswerTheQuestion

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

一.使用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.baidu.com”；修改页面地址会跳转页面1

 

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