javascript - 在按钮内运行代码而不单击它

Question

以下部分代码来自弹出警报窗口，在如何使用的示例页面中，有一个显示“错误”的按钮，当您单击它时，会出现该窗口。

<button class="btn btn-danger notification" data-verti-pos="bottom" data-horiz- pos="right" data-message="<i class='fa fa-frown-o' style='padding-right:6px'></i> Oops... Something went wrong. Hope we don\'t see me again." data-type="error" type="button"></button>

问题是我想调用窗口而不需要单击按钮，我试图在有条件的情况下调用它。

if(codigo=="matricula_longitud"){
        //I know the part of code below is totally wrong
        document.getElementById("errores").innerHTML='<div class="alert alert-warning fade in"><button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button><strong>Warning!</strong> Better check yourself, youre not looking too good.</div>';
    return "si";
}

我是编程新手，因此任何建议将不胜感激。谢谢。

Answer 1

您可以将内容包装在一个函数中，该函数是从按钮的事件处理程序和其他无需单击按钮即可显示窗口的函数调用的。

var showWindow = function() {
    alert("La matricula es muy corta")
    //I know the part of code below is totally wrong
    document.getElementById("errores").innerHTML='...';
    return "si";
};

然后在按钮处理程序中

if(codigo=="matricula_longitud"){ 
    return showWindow();
}

在您的其他函数中，如果您想向用户显示它，只需调用 showWindow() 即可。

有一点需要注意的是，如果你想检查一个条件，最好使用严格的相等检查，=== 或 !== 而不是 == 或 !=。请引用this question以获得进一步的解释。