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