首页 > 编程语言 > 详细

JavaScript02

时间:2017-02-25 17:16:01      阅读:170      评论:0      收藏:0      [点我收藏+]

事件

  事件的类型

    鼠标类:

      onclick(鼠标点击事件),ondblclick(鼠标双击事件)

      onfocus(获得焦点),onblur(失去焦点)

      onmouseover(鼠标移动到某元素上),onmouseout(鼠标移出某元素)

      onchange(下拉列表项改变值时)

      onsubmit(提交表单时触发) onreset(重置表单时触发)

      onload(页面加载时触发)

    键盘类:

      onleydown(键盘按下)

      onkeyup(键盘弹起)

  事件对象:

    event对象用于解决浏览器差异。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript">
            function getXY(obj){
                //event:是不同浏览器自身的解释器实现的event对象
                //window.event: window统一实现的event对象
                 obj = obj || window.event;
                 //获取x轴坐标
                var x = obj.x || obj.pageX;
                 //获取y轴坐标
                var y = obj.y || obj.pageY;
                alert("x轴:"+x+"====y轴:"+y);
            }
            
            function getKeyCode(obj){
                obj = obj || window.event;
                alert(obj.keyCode);
            }
        </script>
    </head>
    <body>
    </body>
</html>

 

 BOM:(brower object model)浏览器对象模型
        作用:操作浏览器窗口。
    window:每个浏览器窗口
    
    window中的三个弹出框效果:
        警告框:window.alert("提示信息");
        对话框1:window.confirm("描述信息"); 返回值:boolean
        对话框2:window.prompt("描述问题","回答结果"); 返回值:String
        
    定时器:
        setTimeout("被执行的语句","间隔时间单位ms");
            三种书写格式:
                1.setTimeout("alert(‘hello‘);",3000);
                2.setTimeout(function(){执行语句},3000);
                3.setTimeout(函数名,3000);
        setInterval("被执行的语句","间隔时间单位ms");
        
        setTimeout 和 setInterval 之间的区别:
            setTimeout:间隔执行一次
            setInterval:循环执行
            
    案例:
        利用setTimeout实现时钟功能
        
    window.open("url链接页面内容的地址","窗口的名称","配置信息"); //打开一个新窗口
    window.close();  //关闭窗口
    window.focus();  //获得焦点
    
    BOM相关属性:
        //记录浏览历史记录
        后退: window.history.back();  window.history.go(-n);  //n:后退的页面次数
        前进: window.history.forward();  window.history.go(n); //n:前进的页

 

JavaScript02

原文:http://www.cnblogs.com/huanhuan10/p/6442042.html

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