Javascript 窗口加载调用放大弹出窗口

我有一个脚本函数，当我点击一个标签时，它可以正常工作 我需要调用该函数时，网站负荷或身体负荷如何做到这一点，请帮助我

这是我使用的代码

  <div class="html-code">
  <a href="#test-modal" class="popup-modal">Open modal</a>
            <div class="white-popup-block mfp-hide" id="test-modal">
  <span>hi</span>
   <p><a href="#" class="popup-modal-dismiss">Dismiss</a></p>
   </div>
 </div>
  <script type="text/javascript">
  $(function () {
    $('.popup-modal').magnificPopup({
      type: 'inline',
      preloader: true,
      focus: '#username',
      modal: true
    });
    $(document).on('click', '.popup-modal-dismiss', function (e) {
      e.preventDefault();
      $.magnificPopup.close();
    });
  });
  </script>

---

您是否尝试将其插入到

$(document).ready(function() { ... } 

并调用open方法

$(document).ready(function() {   
  $('.popup-modal').magnificPopup({
    type: 'inline',
    preloader: true,
    focus: '#username',
    modal: true
  }).open();
});