Javascript 如何使用JQuery在另一个页面中打开模式

所以我在工作一开始就遇到了这个问题。因此，这就是我想要实现的目标，根据我所学到的（仍在学习）我找不到解决这个问题的任何方法。 所以我有一个index.php

<?php
    include("core/head_load.php");
?>
<?php
    include("core/login.php");
?>

---

您需要在页面中包含登录模式，并使用js或css将其隐藏，或者ajax将该模式加载到page@Pete你认为哪种方法合适？这完全取决于你——两种方法各有优缺点

<button class="login_btn" onclick="openLoginModal();">Login</button>

<div id="loginModal" class="modal">
    <div class="modal-content">
        <div class="modal-header">
            <span class="close">&times;</span>
            <h2>Modal Header</h2>
        </div>
        <div class="modal-body">
            <p>Some TExt</p>
        </div>
        <div class="modal-footer">
            Footer
        </div>
    </div>
</div>

openLoginModal = function(){
    var loginModal = document.getElementById("loginModal");
    $("#loginModal").addClass("show");
    loginModal.style.display = "block";
}
enter code here