标签中调用javascript脚本

时间:2023-03-08 17:49:23
在<a></a>标签中调用javascript脚本

有时候,我们点击了<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 鼠标移出对象