a标签添加点击事件

 

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标签