a标签添加点击事件

时间:2022-10-15 05:09:24
 

a标签添加点击事件

CreateTime--2017年8月8日09:11:34

Author:Marydon

一、基础用法

  方式一:(不推荐使用)  

<a href="javascript:alert('内容之间写在标签上');">测试javascript</a>

  方式二:(推荐使用)

  第一部分:JAVASCRIPT

function test () {
  location.replace("yl.html");/*禁用浏览器的后退和前进按钮*/
}

  第二部分:html部分

<a href="javascript:void(0);" onclick="test();">测试javascript</a>

  UpdateTime--2017年11月10日14:23:50

  使用js动态创建a标签时,定义onclick属性的正确实现方法。

  错误实现:

// 定义onclick属性的错误方式
window.onload = function() {
var aElement = document.createElement('a');
aElement.href = "javascript:;";
aElement.innerHTML = "测试";
aElement.onclick = "alert(1);";
document.body.appendChild(aElement);

  错在哪?因为a是没有onclick属性的,onclick属性属于自定义的属性范畴

  正确实现:

// 自定义属性使用这种方式
aElement.setAttribute('onclick','alert(1)');

  UpdateTime--2017年1月7日16:03:33

二、拓展

  第一部分:HTML

<a href="javascript:hosApply.sreachInfoByFapp('${row.FAPPALLID}','${row.FORGID}')">查看明细</a>

  第二部分:JAVASCRIPT

var hosApply = new HosApply();
function HosApply() {
var object = this;
this.sreachInfoByFapp = function (fappid, forgid) {
object.sreachReset();
if (fappid && forgid) {
$get('FAPPALLIDBOTTOM').value = fappid;
$get('FORGIDTAB').value = forgid;
} else {
if (!window.row) {
Dialog.Alert("消息提示", "请选择一行已申请的单据!",null,null,50);
return;
      }
  $get('FAPPALLIDBOTTOM').value = row.getAttribute('key');
  $get('FORGIDTAB').value = row.getAttribute('forgid');
  }
  object.loadInfoData(1);
  $get("Tab1").onclick();
};
}

相关推荐: