JS的超链接以及事件的阻断机制

来源:互联网 发布:tfboys队内关系 知乎 编辑:程序博客网 时间:2024/05/29 13:25
<!DOCTYPE html><html>    <head>        <meta charset="UTF-8">        <title>js超链接调用函数和事件的阻断</title>    </head>    <script type="text/javascript">        function test(){            alert("我被调用了");            return false;        }    </script>    <body>        <h3>js超链接的调用</h3>        <hr />        <a href="http://www.baidu.com" target="_blank">百度一下</a>        <!--使用超链接调用函数-->        <a href="javascript:test()">调用一下1</a>        <!--使用时间的方式调用-->        <!--            先走onclick事件触发的js事件,然后在走href的超链接        -->        <a href="http://www.baidu.com" target="_blank" onclick="test()">调用一下2</a>        <!--事件的阻断机制-->        <!--            如果js代码的返回值为false,则事件被阻断;如果返回值为ture则不被阻断        -->        <a href="http://www.baidu.com" target="_blank" onclick="return test()">阻断一下</a>    </body></html>
原创粉丝点击