javascript (链接单选)

最新推荐文章于 2022-03-17 21:45:24 发布

永远爱好写程序

最新推荐文章于 2022-03-17 21:45:24 发布

阅读量642

点赞数

分类专栏： Javascript

本文链接：https://blog.csdn.net/limlimlim/article/details/8434264

版权

Javascript 专栏收录该内容

56 篇文章 0 订阅

订阅专栏

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>链接单选</title>
    <script type="text/javascript">
        function IniEvent() {
            var links = document.getElementsByTagName("a");
            for (var i = 0; i < links.length; i++) {
                links[i].onclick = LinkOnClick;
            }
        }
        function LinkOnClick() {
            var links = document.getElementsByTagName("a");

            //links在两个地方用到了(IniEvent也用到了),注意，不要把links放到全局变量中，
            //尽量不要用全局变量，如果重复性代码太多，将代码放到一个公共函数中
            for (var i = 0; i < links.length; i++) {
                if (links[i] == this) {
                    links[i].style.background = "red";
                }
                else {
                    links[i].style.background = "white";
                }
            }
            window.event.returnValue = false;//防止导航到网站
        }

    </script>
</head>
<body οnlοad="IniEvent()">
    <a href="http://www.baidu.com">百度</a><br />
    <a href="http://www.sohu.com">搜狐</a><br />
    <a href="http://www.chinaxinge.com">中国信鸽网</a><br />
    <a href="http://www.tudou.com">土豆</a><br />
    <a href="http://www.csdn.com">CSDN</a><br />
</body>
</html>