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

时间:2014-05-11 06:51:23

标签: javascript

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

<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";
}

我是编程新手,所以任何建议都将受到赞赏。 谢谢。

2 个答案:

答案 0 :(得分: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()

但是,如果你想检查条件,最好使用严格的平等检查,===!==而不是==或{{1 }}。有关详细说明,请参阅this question

答案 1 :(得分:0)

至少,您可以使用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();