不刷新页面响应超链接a标签的点击事件

来源:互联网 发布:比较矩阵元素 编辑:程序博客网 时间:2024/05/22 09:03

在网页设计,尤其是单页程序,比如angular的开发,很多时候需要让a标签(超链接)响应点击事件,但是却需要让它不刷新页面(比如,刷新页面一些状态,数据会丢失)。


我研究出了2种写法:

第一种:

href="javascript:void(0);"

完整代码

<a href="javascript:void(0);" (click)="login();">注册/登录</a>
第二种:

点击事件的javascript函数返回false

<a href="#"  (click)="login();false">注册/登录</a>

只要上面这段代码中的login函数返回false就可以


如果是单页程序比如angular建议用第一种方法。



原创粉丝点击