javascript - 页面加载后弹出而不是按钮

Question

已解决

... .. .

. .. ...

您好， 我在互联网上四处搜索，找不到代码，该代码在页面加载后显示为弹出窗口。我找到了一个弹出式模板，但它带有打开弹出式窗口的按钮，而且无法编写代码在页面加载后打开。有人能帮帮我吗？ :/对不起我的英语 :x

带有示例和来源的弹出窗口模板:HERE

代码:

<ul class="examples">
    <li class="success">
        <div class="ui">
            <button>Try me!</button>
        </div>
    </li>
</ul>


<script>
document.querySelector('ul.examples li.success button').onclick = function(){
    swal({
        title: "Hi,",
        text: "Thanks",
        timer: 2000,
        showConfirmButton: false
    });)
};
</script>

Answer 1

如果您使用 JQuery，Shyju 的代码将正常工作。 如果不是，那么您可以尝试以下操作:

<script>
    window.onload = function() {
        swal({
            title: "Hi,",
            text: "Thanks",
            timer: 2000,
            showConfirmButton: false });
    }
</script>

window.onload 和 $(function(){}) 的区别是:

• $(function)({}):DOM 框架加载完成后执行。
• window.onload:在 DOM 框架和所有资源(例如:图像)完全加载后执行。