在按钮内运行代码而无需单击它

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()即可。

不过，请注意，如果要检查条件，最好使用严格的相等性检查， ===或!==而不是==或!= 。 请参考此问题以进一步解释。

Answer 2

至少可以使用jquery

<button id="myBtn" 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>

$('#myBtn').click();