JavaScript警报重定向无法正常工作

javascript alert redirect not working properly

本文关键字:常工作 工作 重定向 JavaScript      更新时间:2023-09-26

我有一个警报,如果答案是好的,那么它应该将用户重定向到不同的页面,如果他们单击取消,他们应该留在页面上。但是无论他们按什么按钮,它都会将他们重定向到新页面。这是怎么回事?

    <script>
    function validation() {
            if (window.confirm("Click OK if you have entered Anthropometric Data")){
                window.location.replace = "send_PhysiologicalMeasures.html";
    }
    }
</script>

您的 HTML 按钮包装在 a 标记中,该标记实际上是一个链接。 a元素将始终将您带到 href 中指定的链接,因此只需删除该a元素:将您的 HTML 更改为:

<button class="button PhysiologicalMeasures" onclick ="validation()">Record Physiological Measures</button>

另一种方法是更改链接的点击以返回状态:

<a href="/send_PhysiologicalMeasures.html" onclick=" return validation()">Link</a>

和JS:

<script>
    function validation() {
            if (window.confirm("Click OK if you have entered Anthropometric Data")){
              return true;
    }
     return false;
    }
</script>

通过返回 false,您将阻止链接的执行,返回 true 将允许链接工作。

你可以在这里看到它:https://jsfiddle.net/am0adszu/