javascript - 在另一个文件上完成注册后在另一个文件上显示模式

Question

当我点击提交时，我有一个注册按钮，如果注册成功，将重定向到另一个页面，然后显示模式我有什么代码可以实现此目的？

注册:

<input type="submit" class="btn form-control color-white mwc-orange-background-color" id="register" name="register" value="REGISTER">

MODAL:(这也是注册成功并提交后重定向到的 HTML 文件)

<div id="myModal" class="modal">

  <div class="modal-content">
    <div class="modal-header">
      <span class="close">&times;</span>
      <h2>Welcome, New White Card Holder!</h2>
    </div>
    <div class="modal-body">
      <h3>Congratulations! you are entitled for a 30-day free trial of our <img src="../img/ribbon-elite.png" class="small-icon"> Elite Membership.</h3>
      <h3>You may begin browsing our cards right away as soon as you close this window</h3>
      <h3>Also, if you wish to avail of our other membership options, <a href="membership.php">click here.</a></h3>
      <h3>Enjoy a wealth of deals for wellness!</h3>
      <br>
    </div>
  </div>
</div>

我有这个 javascript 触发模式，但我想知道在提交注册时如何执行此操作。

var modal = document.getElementById('myModal');

var btn = document.getElementById("myBtn");

var span = document.getElementsByClassName("close")[0];

btn.onclick = function() {
  modal.style.display = "block";
}

span.onclick = function() {
  modal.style.display = "none";
}

window.onclick = function(event) {
  if (event.target == modal) {
    modal.style.display = "none";
  }
}

我认为我无法将模式准确地放置在注册文件中，因为它只是重定向到另一个页面。

非常感谢您提供的任何编码帮助，谢谢

更新:这是我根据提供的示例尝试的内容

<?php
if(isset($_POST['register']) && $_POST['register'] == 'REGISTER') {
  ?>
  <script>
  $(window).load(function(){
  $('#myModal').modal('show');
  });
  </script>
 <?php
  }
?>

我的 if 条件 "if(isset($_POST['register']) && $_POST['register'] == 'REGISTER')"与注册有效时工作的同一行。我认为它会对“.modal('show')”执行相同的操作，但模式不会显示。

PS。我添加了注册成功后重定向页面上的 if 条件。

Answer 1

注册是否会重定向到某个可以使用或不使用模式打开的常规页面？

如果是这样，您可以使用 GET 参数。
例如 some-page?showModal=true

然后根据该参数的值，您可以决定是否显示给定页面的模态 onLoad。