下一页显示引导警报

Question

这是我的代码

else {
        var tag = document.getElementById('scripttag');
        $(tag).css('display', 'none');
                    document.write("<div class='alert alert-info alert-dismissable'>");
                    document.write("<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>&times;");
                    document.write("</button>");
                    document.write("No audios to display");
                    document.write("</div>");  
    }

当其他情况发生时，警报显示在下一个新页面上，并使用close..it的简单按钮显示如上图所示 我想在我的主页上显示带有颜色效果的警报 任何建议PLZ

Answer 1

不要使用document.write()，而是将代码放在HTML中，包括display:none：

<div style="display:none" class='alert alert-info alert-dismissable'>
    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
      <span aria-hidden="true">&times;</span>
    </button>
    No audios to display
</div>

然后在 JS 中，在else使用

中

$(".alert").show();

显示警告。