JavaScript - window对象方法和事件

最新推荐文章于 2022-11-20 23:16:38 发布

wsxlgg

最新推荐文章于 2022-11-20 23:16:38 发布

阅读量746

点赞数

分类专栏： javascript 文章标签： javascript window对象方法和事件

本文链接：https://blog.csdn.net/shangdi1988/article/details/45370329

版权

javascript 专栏收录该内容

47 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <title>window对象方法和事件</title>
    <script type="text/javascript">
        /*alert(window.screen);
        alert(window.history);
        alert(window.location);*/

        //window对象的方法，因为window对象为全局对象，所以可以省略window
        /*var flag=window.confirm("确定要关闭吗？")
        if(flag){
            window.alert("关闭");
        }else{
            alert("取消");
        }*/

        //window的事件
        /*window.οnlοad=function(){
            alert("页面加载完成！");
        };*/

        /*window.οnmοuseοver=function(){
            alert("鼠标经过窗体！");
        };
        */

        /*window.οnclick=function(){
            alert("我是窗体，我被人点了！");
        }*/

        //调用document对象的getElementById()方法获取页面中指定id名称的元素对象
        window.οnlοad=function(){
            var username=document.getElementById("username");
            username.οnchange=function(){
                alert("文本框的值被更改!");
            };
        };
    </script>
</head>

<body>
    <input type="button" value="确认关闭" οnclick="confirm('确定要关闭吗？')"/><br/>
    <input type="button" value="关闭窗口" οnclick="window.close();"/><br/>
    <input type="button" value="弹出窗口1" οnclick="window.open('test01.html');"/><br/>
    <input type="button" value="弹出窗口2" οnclick="window.open('test01.html','窗口2','width=300px,height=300px');"/><br/>
    用户名：<input type="text" name="username" id="username" οnkeyup="alert('输入了数据')" />
</body>
</html>