如何从php调用自定义JavaScript警报框

Question

我有以下代码。

echo '<script language="javascript">';
echo 'alert("This is a popup box")';
echo '</script>';

这可以正常工作。但是，我想使用一个定制和美观的弹出框。所以我上网了，看到了一些不错的JS库，比如Alertify，BootBox和其他几个。我在PHP文件的顶部包含了JS脚本（JQuery，Boostrap，库脚本）及其CSS文件。现在我使用与以前相同的方法。

echo '<script language="javascript">';
echo ' alertify.alert("This is the default alert!")';
echo '</script>';

由于某种原因，这永远不会有效，我收到以下错误。任何人都可以告诉我可能做错了什么，或者实现这个目的的正确方法是什么？

Answer 1

您需要等待DOM加载所有文件（在本例中为您的外部脚本） - 试试这个：

echo '<script language="javascript">';
echo 'document.addEventListener("DOMContentLoaded", function() {';
echo ' alertify.alert("This is the default alert!")';
echo '});';
echo '</script>';

Answer 2

您还可以确保按以下顺序加载CSS和JavaScript文件。我从来没有按照这个顺序发出问题。

我。）CSS First

1. BootStrap CSS
2. 其他供应商CSS
3. 您的自定义CSS

II。）JavaScript第二次

1. jQuery Js
2. BootStrap Js
3. 其他供应商Js
4. 您的自定义Js