在标签中如何调用javaScript脚本

在平常工做总会遇到在<a>标签中执行js代码的状况 如今作一个总结,但愿对你们有一个帮助。javascript

一、a href="javascript:js_method();" java

这是咱们平台上经常使用的方法,可是这种方法在传递this等参数的时候很容易出问题,并且javascript:协议做为a的href属性的时候不只会致使没必要要的触发window.onbeforeunload事件,在IE里面更会使gif动画图片中止播放。浏览器

W3C标准不推荐在href里面执行javascript语句。函数

二、a href="javascript:void(0);" onclick="js_method()"动画

这种方法是不少网站最经常使用的方法,也是最周全的方法,onclick方法负责执行js函数,而void是一个操做符,void(0)返回undefined,地址不发生跳转。并且这种方法不会像第一种方法同样直接将js方法暴露在浏览器的状态栏。网站

三、a href="javascript:;" onclick="js_method()"  this

这种方法也是网上很常见的代码,#是标签内置的一个方法,表明top的做用。因此用这种方法点击后网页后返回到页面的最顶端。<a href="#"></a> 若是页面有滚动条 点击后网页后返回到页面的最顶端。事件

四、a href="#" onclick="js_method();return false;"图片

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

相关文章
相关标签/搜索