Javascript中的警报框

我正在做关于扫描仪的项目。因此，如果我已经完成了对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
                         );
                }
            });
         })

---

警报框是本机样式的，不能修改，而是要摆脱警报，让您自己的简单警报弹出显示信息。

不幸的是，您无法设置警报框的样式，但是还有其他项目，SweetAlerts是我个人的最爱，使警报框看起来不错的方法不能自定义警报框。它们主要由开发人员用于测试目的

---

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

如果你想设置它的样式，你需要使用

alert（）

以外的东西。你知道如何设置它的样式吗？这是不可能的，你不能设置本机Alerter的样式。你指的是jquery ui吗？有很多轻量级插件可用，你可以在这里@AndrewTristan参考一个，创建自己的一个是非常简单的