将jQuery弹出窗口更改为在页面加载时显示

$(document).ready(function() {
  // 在这里编写显示弹出窗口的代码
});

$(document).ready(function() {
  // 创建对话框
  $('<div>').attr('id', 'dialog').appendTo('body').dialog({
    autoOpen: true,
    modal: true,
    title: '弹出窗口',
    width: 400,
    height: 200,
    buttons: {
      '关闭': function() {
        $(this).dialog('close');
      }
    }
  });
});

$(document).ready(function() {
  // 创建对话框
  $('<div>').attr('id', 'dialog').appendTo('body').dialog({
    autoOpen: true,
    modal: true,
    title: '弹出窗口',
    width: 400,
    height: 200,
    buttons: {
      '关闭': function() {
        $(this).dialog('close');
      }
    },
    open: function() {
      // 在对话框中显示内容
      $(this).html('欢迎访问我的网站！');
    }
  });
});