js window对象

Posted 邢昊天

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js window对象相关的知识,希望对你有一定的参考价值。

windows:

属性opener。

代表父窗体:window.opener.test(); ---调用父窗体中的test()方法

<input type="button" value="打开我的窗口" onclick="openWin()" />

function openWin(){
        myWindow=window.open(‘‘,‘‘,‘width=200,height=100‘);
        myWindow.document.write("<p>这是我的窗口</p>");
        myWindow.focus();
        myWindow.opener.document.write("<p>这个是源窗口!</p>");
    }

 

方法:

打开/关闭窗口:

open()

window.open([URL], [窗口名称], [参数字符串])
<script type="text/javascript"> 
    window.open(‘https://www.baidu.com‘,‘_blank‘,‘width=300,height=200,scrollbars=yes‘)

close():

window.close();   //关闭本窗口

关闭新建的窗口。
<script type="text/javascript">
    var mywin=window.open(‘https://www.baidu.com‘); //将新打的窗口对象,存储在变量mywin中
    mywin.close();

定时器:

setTimeout():时间到了, 就会执行一个指定的 method/function

setTimeout("changeState()",1000 );  
    function changeState(){  
     alert("这是等待三秒"); 
    } 

setInterval():setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。

var biao = 0;
    setInterval("changeState()",1000 );  
    function changeState(){  
      biao++;
      alert(biao);
    }  

清除定时器:

var timer1=window.setTimeout(function(){},1000);  //timer1->1 当前是第一个定时器

   var timer2=window.setTimeout(function(){},1000);  //timer2->2 当前是第二个定时器

   window.clearTimeout(timer1);window.clearInte

 

scrollTo():scrollTo() 方法可把内容滚动到指定的坐标。

 
<input type="button" value="移动滚动条" onclick="scrollWindow()" />

function scrollWindow(){
        window.scrollTo(100,500);
    } 

moveTo():将窗口移动到某一位置

<body>
    <input type="button" value="打开窗口" onclick="openWin()" />
    <br>
    <input type="button" value="移动窗口" onclick="moveWin()" />
    </body>

function openWin(){
        myWindow=window.open(‘‘,‘‘,‘width=200,height=100‘);
        myWindow.document.write("<p>这是我的窗口</p>");
    }
    function moveWin(){
        myWindow.moveTo(100,0);
        myWindow.focus();//将输入焦点定位在myWindow

 

location:

属性:href

用脚本来跳转页面。

window.location.href = "https://www.baidu.com";

方法:reload()。

刷新页面。

window.location.reload();

history:

方法:go()

history.go(num)表示向前或向后翻多少页,num为正数表示向前翻,为负数则向后翻。

 

以上是关于js window对象的主要内容,如果未能解决你的问题,请参考以下文章

js-权威指南学习笔记14

JS代码片段:一个日期离现在多久了

js经常用到的代码片段

js代码片段

VSCode自定义代码片段12——JavaScript的Promise对象

VSCode自定义代码片段12——JavaScript的Promise对象