首页 > 编程语言 > 详细

JavaScript - window对象方法和事件

时间:2015-04-25 16:42:54      阅读:273      评论:0      收藏:0      [点我收藏+]

window对象方法和事件

<!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.onload=function(){
            alert("页面加载完成!");
        };*/

        /*window.onmouseover=function(){
            alert("鼠标经过窗体!");
        };
        */

        /*window.onclick=function(){
            alert("我是窗体,我被人点了!");
        }*/

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

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

面试题

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>test05.html</title>
    <script type="text/javascript">
        var x=1,y=z=0;

        function add(num){
            return num=num+1;
        }

        y=add(x);

        function add(num){
            return num=num+3;
        }

        z=add(x);

        //alert(x+","+y+","+z);

        function calc(num1,num2){
            alert(num1+num2);
        }

        function calc(num1,num2,num3){
            alert(num1+num2+num3);
        }

        function calc(num1){
            alert(num1);
        }

    </script>
  </head>

  <body>
    <input type="button" value="" onclick="calc(5,8,2);" />
  </body>
</html>

JavaScript - window对象方法和事件

原文:http://blog.csdn.net/wangzi11322/article/details/45270683

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!