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

 

 相关推荐：

 

 

版权声明：本文为Marydon20170307原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/Marydon20170307/p/7305067.html