页面加载后弹出而不是按钮答案

【问题标题】：Popup after page is loaded instead of button页面加载后弹出而不是按钮
【发布时间】：2016-01-02 16:49:32
【问题描述】：

已解决

... .. .

。 .. ...

您好，我在互联网上搜索并找不到代码，该显示是页面加载后的弹出窗口。我找到了一个弹出模板，但是它带有打开弹出窗口的按钮，并且无法编写代码在页面加载后打开..有人可以帮我吗？：/对不起我的英语：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>

【问题讨论】：

在点击处理程序之外调用swal()

标签： javascript jquery popup timeout popupwindow

【解决方案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 框架和所有资源（例如：图像）完全加载后执行。

【讨论】：

感谢您的回复！

【解决方案2】：

在document ready 事件上调用您的方法。

ready 事件将在加载 DOM 元素时执行。

$(function(){

    alert("DOM loaded. Hopefully swal method does not have any other script errors");

    swal({ title: "Hi,",  text: "Thanks", timer: 2000, showConfirmButton: false });

});

【讨论】：

感谢您的回复！