如何参考外部JavaScript显示Bootstrap 3警报

我有一个带有Bootstrap3的网页，我尝试在下面的代码中显示警报框

   <button class="btn btn-warning" onclick="warning('Are you sure ?')">Warning</button>

---

您必须直接从外部javascript尝试下面的代码

if(firstname == ""){

    var dom = '<div id="modals" class="alert alert-danger" style="display:none;"><button data-dismiss="alert" class="close" type="button">×</button><span class="entypo-attention"></span>  <strong>Waring</strong>&nbsp;&nbsp;You must enter First Name.</div>';
    var jdom = $(dom);
    jdom.hide();
    $("id_template").append(jdom);
    jdom.fadeIn();
    setTimeout(function() {
        jdom.fadeOut(function() {
            jdom.remove();
        });
    }, 6000);
}

if（firstname==“”）{
var dom='×Waring您必须输入名字'；
var jdom=$（dom）；
jdom.hide（）；
$（“id_模板”）.append（jdom）；
jdom.fadeIn（）；
setTimeout（函数（）{
衰减（函数（）{
jdom.remove（）；
});
}, 6000);
}

你能提供警告脚本吗？我没有使用任何警告脚本，也不知道怎么做。请尝试将window.error更改为window.warning-工作起来很有魅力。谢谢您！

// JavaScript Document

function fetch(){

    var user = $("#id_owner").val();
    var firstname = $("#id_fname").val();
    if(firstname == ""){
        warning('You must enter First Name.');
        return false;
    }

}

if(firstname == ""){

    var dom = '<div id="modals" class="alert alert-danger" style="display:none;"><button data-dismiss="alert" class="close" type="button">×</button><span class="entypo-attention"></span>  <strong>Waring</strong>&nbsp;&nbsp;You must enter First Name.</div>';
    var jdom = $(dom);
    jdom.hide();
    $("id_template").append(jdom);
    jdom.fadeIn();
    setTimeout(function() {
        jdom.fadeOut(function() {
            jdom.remove();
        });
    }, 6000);
}