javascript练习:8-7设置对象事件的方法

weixin_30548917

于 2013-04-01 12:59:00 发布

阅读量59

点赞数

CC 4.0 BY-SA版权

文章标签： javascript xhtml ViewUI

原文链接：http://www.cnblogs.com/KeenLeung/archive/2013/04/01/2993207.html

本文介绍了一个简单的JavaScript函数，用于在用户点击网页上的链接时弹出警告框，提示用户即将离开当前页面。通过遍历页面中的所有链接并为它们添加点击事件，实现了统一的提示功能。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>New Web Project</title>
        <script language="javascript">
            function HandleAllLinks()
            {
                for(var i=0;i<document.links.length;i++)
                {
                    document.links[i].onclick = HandleLink;//添加事件处理函数
                }
            }
            function HandleLink()
            {
                alert("即将离开当前页面!");
            }
        </script>
    </head>
    <body onload="HandleAllLinks()">
        <p><a href="#">链接1</a></p>
        <p><a href="#">链接2</a></p>
    </body>
</html>