码迷,mamicode.com
首页 > 编程语言 > 详细

在<a></a>标签中调用javascript脚本

时间:2015-09-19 21:15:31      阅读:172      评论:0      收藏:0      [点我收藏+]

标签:

有时候,我们点击了<a></a>标签(除了跳转到指定链接外)想要它调用某个方法,及调用javascript脚本,该如何做:

方法1:<a href="javascript:void(0);" onclick="functionname()" >aaaa</a>

方法2:<a href="javascript:functionname(‘dd‘)" >ddddd</a>

方法3:<a href="javascript:;"onclick="functionname()" >ddddd</a>

方法4:<a href="#"onclick="functionname()" >ddddd</a>

(该方法在火狐浏览器上验证,点击后会跳转到上一个页面,而其他浏览器不会。)

通过上述几种方法均可调用javascript脚本。

1)在通过上述几种方法调用js脚本的时候,可以在js的函数中对相关内容进行验证。

2)onclick 事件说明:

onclick 事件会在对象被点击时发生,这个点击是指用户用鼠标在对象上按下鼠标,然后又抬起鼠标的情况下才会激活,只是按下不抬起鼠标不会激活。

即a标签被点击后执行引号中的js程序代码,这个代码基本上可以放在任何一个html对象之中执行,如<div><body><ul><li><a><p>等等。

3)如果在按下鼠标就激活,可以将以上的代码进行替换,将onclick替换为onmousedown

4)其它鼠标相关事件说明,可根据需要进行替换。

  onDblClick 双击鼠标
  onMouseUp 鼠标抬起
  onMouseOver 鼠标移动到对象上方
  onMouseMove 鼠标移动时执行
  onMouseOut 鼠标移出对象

在<a></a>标签中调用javascript脚本

标签:

原文地址:http://www.cnblogs.com/Joanna-Yan/p/4822146.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!