Javascript 如果URL中定义了字符串，则自动弹出框

对不起，我的解释不清楚。我在谷歌上搜索了将近一个小时，没有找到任何我能理解/能够工作的东西

<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h4 class="modal-title">Editing</h4>
</div>
<div class="modal-body">
</div>
<div class="modal-footer">
<form action="report.php" method="POST" id="reppur" name="reppur1">

<input name="id" type="text" id="id" class="form-control" required><br>
<input name="name" type="text" id="name" value="" class="form-control" required><br>
<input name="username" type="text" id="username" class="form-control" required><br>
<input name="status" type="text" id="status" class="form-control" required><br>
<input name="amountOwed" type="text" id="amountOwed" class="form-control" required><br>
<input name="hoursComplete" type="text" id="hoursComplete" class="form-control" required><br>
<input name="hoursAuthorized" type="text" id="hoursAuthorized" class="form-control" required><br>
<input name="nextPayment" type="text" id="nextPayment" class="form-control" required><br>       
</form>

</div>
</div>
</div>
</div>

我有以下代码：

<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h4 class="modal-title">Editing</h4>
</div>
<div class="modal-body">
</div>
<div class="modal-footer">
<form action="report.php" method="POST" id="reppur" name="reppur1">

<input name="id" type="text" id="id" class="form-control" required><br>
<input name="name" type="text" id="name" value="" class="form-control" required><br>
<input name="username" type="text" id="username" class="form-control" required><br>
<input name="status" type="text" id="status" class="form-control" required><br>
<input name="amountOwed" type="text" id="amountOwed" class="form-control" required><br>
<input name="hoursComplete" type="text" id="hoursComplete" class="form-control" required><br>
<input name="hoursAuthorized" type="text" id="hoursAuthorized" class="form-control" required><br>
<input name="nextPayment" type="text" id="nextPayment" class="form-control" required><br>       
</form>

</div>
</div>
</div>
</div>

&时代；
编辑

我试图这样做，当URL像“”时，弹出框将在页面加载时自动弹出，否则，如果没有定义，它将正常工作。 请在你的有用的答案非常清楚，因为我仍然是新的html。谢谢你的帮助

在页面的

部分之前（底部），检查QueryString中是否存在

$\u GET['active']

-变量，以及该变量是否等于YES。如果有，则显示弹出窗口

<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h4 class="modal-title">Editing</h4>
</div>
<div class="modal-body">
</div>
<div class="modal-footer">
<form action="report.php" method="POST" id="reppur" name="reppur1">

<input name="id" type="text" id="id" class="form-control" required><br>
<input name="name" type="text" id="name" value="" class="form-control" required><br>
<input name="username" type="text" id="username" class="form-control" required><br>
<input name="status" type="text" id="status" class="form-control" required><br>
<input name="amountOwed" type="text" id="amountOwed" class="form-control" required><br>
<input name="hoursComplete" type="text" id="hoursComplete" class="form-control" required><br>
<input name="hoursAuthorized" type="text" id="hoursAuthorized" class="form-control" required><br>
<input name="nextPayment" type="text" id="nextPayment" class="form-control" required><br>       
</form>

</div>
</div>
</div>
</div>

<?php if (isset($_GET['active']) && $_GET['active'] == "YES"): ?>
    <script>
        alert('It exists');
        // Or what ever javascript-code you want to run...
    </script>
<?php endif; ?>

警报（“它存在”）；
//或者你想要运行什么javascript代码。。。

QueryString（？key=value）中的所有参数都会在

$\u GET

-超全局数组中结束

isset（）

检查数组键是否存在，如果存在，则检查值是否匹配“YES”。重要提示：该检查区分大小写，因此

？active=YES

将匹配，而

？active=YES

将不匹配

<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h4 class="modal-title">Editing</h4>
</div>
<div class="modal-body">
</div>
<div class="modal-footer">
<form action="report.php" method="POST" id="reppur" name="reppur1">

<input name="id" type="text" id="id" class="form-control" required><br>
<input name="name" type="text" id="name" value="" class="form-control" required><br>
<input name="username" type="text" id="username" class="form-control" required><br>
<input name="status" type="text" id="status" class="form-control" required><br>
<input name="amountOwed" type="text" id="amountOwed" class="form-control" required><br>
<input name="hoursComplete" type="text" id="hoursComplete" class="form-control" required><br>
<input name="hoursAuthorized" type="text" id="hoursAuthorized" class="form-control" required><br>
<input name="nextPayment" type="text" id="nextPayment" class="form-control" required><br>       
</form>

</div>
</div>
</div>
</div>

我们将其放在页面底部的原因很简单，就是在触发javascript时已经加载了主体（以及HTML代码）

<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h4 class="modal-title">Editing</h4>
</div>
<div class="modal-body">
</div>
<div class="modal-footer">
<form action="report.php" method="POST" id="reppur" name="reppur1">

<input name="id" type="text" id="id" class="form-control" required><br>
<input name="name" type="text" id="name" value="" class="form-control" required><br>
<input name="username" type="text" id="username" class="form-control" required><br>
<input name="status" type="text" id="status" class="form-control" required><br>
<input name="amountOwed" type="text" id="amountOwed" class="form-control" required><br>
<input name="hoursComplete" type="text" id="hoursComplete" class="form-control" required><br>
<input name="hoursAuthorized" type="text" id="hoursAuthorized" class="form-control" required><br>
<input name="nextPayment" type="text" id="nextPayment" class="form-control" required><br>       
</form>

</div>
</div>
</div>
</div>

---

阅读此处的更多内容：

好的，但我如何使自动弹出功能正常工作？使用上面的代码不是java，而是javascript，不是java；-）您是否要求我们为您编写一个模式弹出窗口？有数百（如果不是数千）个脚本和教程用于此。如果

模式内容

-元素在css中具有

显示：无

。。然后您可以执行：

，如您所见。我的模态代码在我的问题中。我希望它被显示。除了从你的CSS。。如果页面上没有CSS。。。它应该始终是可见的，因为它是。。。
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h4 class="modal-title">Editing</h4>
</div>
<div class="modal-body">
</div>
<div class="modal-footer">
<form action="report.php" method="POST" id="reppur" name="reppur1">

<input name="id" type="text" id="id" class="form-control" required><br>
<input name="name" type="text" id="name" value="" class="form-control" required><br>
<input name="username" type="text" id="username" class="form-control" required><br>
<input name="status" type="text" id="status" class="form-control" required><br>
<input name="amountOwed" type="text" id="amountOwed" class="form-control" required><br>
<input name="hoursComplete" type="text" id="hoursComplete" class="form-control" required><br>
<input name="hoursAuthorized" type="text" id="hoursAuthorized" class="form-control" required><br>
<input name="nextPayment" type="text" id="nextPayment" class="form-control" required><br>       
</form>

</div>
</div>
</div>
</div>