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

在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 });

});

Answer 2

如果您使用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 个答案: