您的位置：首页 > Web前端 > JavaScript

JavaScript - window对象方法和事件

2015-04-25 15:29 302 查看

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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航