web页面a标签触发事件

来源:互联网 发布:软件项目沟通机制 编辑:程序博客网 时间:2024/06/05 13:34


    在我们的项目中,很多时候使用a标签不是直接发生url跳转,而是期望能够走js方法,在里面完成相关参数的校核信息以及url的地址拼接,毕竟有些参数的信息不能直接使用EL表达式获取,需要通过js来获取页面上其他值的信息。

    常用的方法:

  <a href="javascript:void(0)" onclick="save()">发布</a>

   这样在点击的时候,不会触发页面跳转,而是直接进入了预定的方法之中

  

<script type="text/javascript">        //保存function save(){   alert(123);                 //在这里可以添加相关的参数校核                 if($("#name").val()==""){                $("#name").tips({                    side:3,                    msg:'请输入品牌名称',                    bg:'#AE81FF',                    time:2                });                $("#name").focus();                return false;                 }                                             //这里执行的是表单的提交事件                $("#form1").submit();$("#zhongxin").hide();$("#zhongxin2").show();}</script>


      还有一种跳转的方式

   a href="#" onclick="js_method();return false;"

     这种方法点击执行了js函数后return false,页面不发生跳转,执行后还是在页面的当前位置。

   

  


原创粉丝点击