黑马自学_Dom_事件、方法

---------------------- Windows Phone 7手机开发、.Net培训、期待与您交流！ ----------------------

 

 Dom就是HTML页面的模型，将每一个标签都做为一个对象，JavaScript通过调用DOM中的属性、方法就可以对页面中的文本框、层等元素进行编制。

 

事件：

onmusedown: 当鼠标点击。（会覆盖掉onclick属性）  <input type="button" value="点" onmusedown="alert('被点了')">   也可以写一个函数。

<input type="button" value="关联事件" οnclick="document.οndblclick=f1">   动态设置事件

 

window对象：代表当前浏览器窗口

（1）alert()方法：弹出消息框。 alert("aaaa"); 

（2）confirm()方法：显示“确定”、“取消”按钮的对话框。

if(confirm("确定退出？")){ //确定返回ture，取消返回false

                alert("退出");

         }

         else{

               alert("取消退出");

         }    

 （3）重新导航到指定地址：navigate("http://baidu.com");

<input type="button" value="百度" οnclick="navigate('http://www.baidu.com')" /><!--点击跳转到百度-->

 （4）setInterval每隔一段时间执行一次指定代码，第一个参数为执行的字符串，第二个参数是间隔时间，返回值为定时器的标识。

                setInterval("alert('hello')",500);

 （5）clearInterval取消定时器的执行，参数是定时器的标识。

                  clearInterval(id);

 （6）setTimeout定时执行，只执行一次。clearTimeout清楚定时执行。

 例子：走马灯效果。

    <script type="text/javascript">
        var Direction; //滚动的方向
        var intId; //计时器标识
        function scroll() {// 被计时器调用的方法
            var first;//新标题的第一部分
            var last;//新标题的剩余部分
            var title = document.title;//获得页面的标题
            if (Direction == "left") {//向左滚
                first = title.substring(1, title.length);
                last = title.charAt(0);
            }
            else {//向右滚
                first = title.charAt(title.length - 1);
                last = title.substring(0, title.length - 1);
            }
            document.title = first + last;//新标题
        }
        function leftScroll() {//左按钮调用
            Direction = "left";
            if (intId)//如果存在计时器
                clearInterval(intId);//取消当前正在执行的计时器
            intId = setInterval('scroll()', 400);//每400微妙滚动一次
        }
        function rightScroll() {//右按钮调用
            Direction = "right";
            if (intId)
                clearInterval(intId);
            intId = setInterval('scroll()', 400);
        }
    </script>
    <input type="button" value="向左滚" οnclick="leftScroll()" />
    <input type="button" value="向右滚" οnclick="rightScroll()" />

 

 

body、document对象的事件：

（1）onload：网页加载完毕时触发。

（2）onunload：网页关闭后触发。

（3）onbeforeunload：网页准备关闭后触发。在事件中为“window.event.returnValue”赋值。

              <bordy οnbefοreunlοad="window.event.returnValue='真的要关闭吗？'">

 

window对象的属性：

（1）window.location.href=“www.baidu.com”,重定向新的地址。和navigate方法效果一样。window.location.reload()刷新界面。

（2）window.event是非常重要的属性，用来获取发生事件的信息。

          altKey属性，bool类型，表示事件发生时alt键是否被按下，类似的还有ctrlKey、shiftKey

（3）returnValue属性，设置为false就会取消默认事件的发生。

<a href="http://www.baidu.com" οnclick="window.event.returnValue=false;alert('禁止访问！')">百度</a>

（4）clipboardData对象，对粘贴板的操作。clearData("Text")清空粘贴板；getData("Text")获取粘贴板的值；SetData("Text")设置粘贴板的值。

          oncopy禁止复制、onpaste禁止粘贴。

 

 

---------------------- Windows Phone 7手机开发、.Net培训、期待与您交流！ ----------------------