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

最新推荐文章于 2022-12-09 13:40:28 发布

教官爱编程

最新推荐文章于 2022-12-09 13:40:28 发布

阅读量2.1k

点赞数 1

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/racy696/article/details/77508177

版权

JavaScript 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

<!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>

优惠劵

教官爱编程

关注关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
JS的超链接以及事件的阻断机制

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>js超链接调用函数和事件的阻断</title> </head> <script type="text/javascript"> function test(){ alert("我被调用了
复制链接

扫一扫