关于JavaScript中的Window对象

今天药忘吃喽~ 2022-12-25 03:59 205阅读 0赞

### Window对象 ###

*   *  特点
     *  常用方法
     *   *  与弹出框有关的方法：
         *  与打开关闭有关的方法
         *  与定时器有关的方法：
     *  属性

## 特点 ##

window对象不需要创建可以直接使用。window使用：window.方法名();  
window引用可以省略。方法名();

## 常用方法 ##

### 与弹出框有关的方法： ###

alert() ：显示带有一段消息和一个确认按钮的警告框。

alert("弹出提示框");

confirm()： 显示带有一段消息以及确认按钮和取消按钮的对话框。  
\* 如果用户点击确定按钮，则方法返回true  
\* 如果用户点击取消按钮，则方法返回false

var flag = confirm("您确定要退出吗？");
            if(flag == true){ 
                alert("好的，欢迎下次光临");
            }else { 
                alert("手别抖");
            }

prompt()： 显示可提示用户输入的对话框。  
\* 返回值：获取用户输入的值v

var text = prompt("输入你的留言");
       		alert(text);

### 与打开关闭有关的方法 ###

open():打开一个新的浏览器窗口，返回新的window对象  
close()：关闭当前window对象的窗口(谁调用关谁)

<input id="open" type="submit" value="打开百度">
    <input id="close" type="submit" value="关闭窗口">
    <script>
        var open = document.getElementById("open");
        var newWindow;
        open.onclick = function() { 
            newWindow = open("https://www.baidu.com");
        }
    
        var close = document.getElementById("close");
        close.onclick = function(){ 
            newWindow.close();
        }
    </script>

### 与定时器有关的方法： ###

setTimeout() 在指定的毫秒数后调用函数或计算表达式。

*  参数：  
    1. js代码或者方法对象  
    2. 毫秒值
 *  返回值：唯一标识，用于取消定时器  
    clearTimeout() 取消由 setTimeout() 方法设置的 timeout。

//三秒后弹出boom～
    		var id = setTimeout(fun,3000);
            clearTimeout(id);
    
            function fun(){ 
                alert("boom~");
            }

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

*  参数：  
    1. js代码或者方法对象  
    2. 毫秒值
 *  返回值：唯一标识，用于取消定时器  
    clearInterval() 取消由 setInterval() 设置的 timeout。

//每三秒弹出一次remmber～
    		setInterval(fun, 3000);
            function fun() { 
                alert("remmber～");
            }

常用于轮播图实现

<img id="lun" src="img/banner_1.jpg" width="100%">
    
        <script>
        //三张图片每隔两秒切换一次
            setInterval(fun,2000);
            var number = 1;
            function fun() { 
                number++;
                if (number >3){ 
                    number = 1;
                }
                var lun = document.getElementById("lun");
                lun.src = "img/banner_"+number+".jpg";
            }
        </script>

## 属性 ##

window可以直接调用其他BOM对象

1.  history
2.  location
3.  Navigator
4.  Screen:

window也可以调用DOM对象  
document