黑马自学_Dom_事件、方法

最新推荐文章于 2025-12-10 20:37:40 发布

原创最新推荐文章于 2025-12-10 20:37:40 发布 · 317 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#button #windows phone #scroll #input #function #javascript

本文深入探讨了JavaScript在Web编程中的应用，包括DOM操作、事件处理、window对象的使用及事件监听，提供了实例演示，旨在帮助开发者掌握关键技能。

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

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

事件：

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

<input type="button" value="关联事件" onclick="document.ondblclick=f1"> 动态设置事件

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

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

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

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

                alert("退出");

         }

         else{

               alert("取消退出");

         }

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

<input type="button" value="百度" onclick="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="向左滚" onclick="leftScroll()" />
    <input type="button" value="向右滚" onclick="rightScroll()" />

body、document对象的事件：

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

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

（3）onbeforeunload：网页准备关闭后触发。在事件中为“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" onclick="window.event.returnValue=false;alert('禁止访问！')">百度</a>

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

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

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