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(); }; }

 

 相关推荐：

a标签

 

 

转载于:https://www.cnblogs.com/Marydon20170307/p/7305067.html