Javascript中的警报框

Question

我正在做关于扫描仪的项目。因此，如果我已完成扫描bardcode，将出现警告框并显示食品的成分。但我在警报框中发现问题，它出现但它只显示原生警报框。 有人可以帮忙，如何在警报框中改变风格。

我的代码如下：

var localJSONFile= "db/product.json";
$.getJSON(localJSONFile)
        .success(function(data, status, xhr){
            $.each(data, function(i, product){
                if(result.text == product.barcode){
                    alert( "name: " + product.name + "\n"  + 
                           "barcode: " + product.barcode + "\n" +
                           "status: " +product.status + "\n" +
                           "E-code: " + product.e_code + "\n" +
                           "Ingredients: " + product.ingredients + "\n" +
                           "Country: " +  product.country + "\n" +
                           product.image
                         );
                }
            });
         })

Answer 1

警报框是原生样式，无法修改，而是摆脱警报并弹出自己的简单警报以显示信息。

Answer 2

警报框无法自定义。它们主要由开发人员用于测试目的。

但是，您可以使用对话框。以下是参考：dialog

Answer 3

不幸的是你不能设置警报框的样式，但是有其他项目，SweetAlerts是我个人最喜欢的，它使警报框看起来很好