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

Question

已解决

... .. .

。 .. ...

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

弹出窗口-Window-带有示例和来源的模板：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 框架和所有资源（例如：图像）都完全加载后执行。

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

Popup after page is loaded instead of button

javascript

jquery

popup

timeout

popupwindow