web页面a标签触发事件


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

    常用的方法:

  <a href="javascript:void(0)" οnclick="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="#" οnclick="js_method();return false;"

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

   

  


  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值