javascript - 如何在 .js 文件中使用 sweetalert

Question

所以我有一个 .js 文件，我正在尝试使用 sweetalert 向用户发送消息。此外，我还想在 .js 文件中动态加载 sweetalert 的 .js 和 .css 文件。

 // Load script
 var filerefjs = document.createElement('script');
 filerefjs.setAttribute("type", "text/javascript");
 filerefjs.setAttribute("src", "../../rotateScreen/dist/sweetalert.min.js");

 // Load CSS file
 var filerefcss = document.createElement("link");
 filerefcss.setAttribute("rel", "stylesheet");
 filerefcss.setAttribute("type", "text/css");
 filerefcss.setAttribute("href", "../../rotateScreen/dist/sweetalert.css");

  if (window.innerHeight < window.innerWidth){ 

      window.onload = function(){
        document.getElementById('b6').onclick = function(){
           swal({title: "",   text: "Message", 
                imageUrl: "../../rotateScreen/example/images/rotate.png", confirmButtonText: "OK"});
        };
      } 

   } // if

我没有收到任何错误，但警告框没有出现在屏幕上。

Answer 1

您的代码看起来是正确的(根据该网站)。仔细检查您是否确实正确链接了 sweetalert.js 文件。还要查看 CHROMES 开发人员工具中的控制台，确保没有错误，如果有任何未链接的文件或丢失的文件，它将显示。

我测试了这段代码，它在 .js 文件中运行良好

sweetAlert('error', "Enter A valid email please", 'error');