Question

有一个按钮应该重定向到另一个页面，但在重定向之前和点击之后我想显示一个可能包含任何消息的弹出框这是我的按钮

<a href="addorder.php?id=<? echo $row01['id']; ?>" ><button id="myButton" class="btn btn-primary btn-block">Request</button></a>

我尝试使用

<script type="text/javascript">
    document.getElementById("myButton").onclick = function () {
    alert();/whatever the message may be
        location.href = "www.google.com";
    };

但它没有用，任何人都可以告诉我如何实现这个目标

Answer 1

这里的例子来实现：

$('a').click(function(e) {
  e.preventDefault();
  alert('hello');
  location.href = "http://google.com";

});

// or 
/*$('#myButton').click(function(e){
  e.preventDefault();
  alert('hello');
  location.href="http://google.com";  
});*/

// if wanna add confirm box use this
/*$('#myButton').click(function(e) {
  e.preventDefault();
  if (confirm('Are you sure')) {
    location.href = "http://google.com";
  } else {
    return;
  }
});*/

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="addorder.php?">
  <button id="myButton" class="btn btn-primary btn-block">Request</button>
</a>

p / s：为确认框添加了功能（只需选择一个选项）

Answer 2

document.getElementById(myButton).onclick = function() {myFunction()};

function myFunction() {
   alert("foo");
location.href= "www.google.com";
}

Answer 3

这样可行：

var button = document.getElementById('myButton');

button.onclick = function (event) {
    event.preventDefault();
    alert('hello');
    location.href = "www.google.com";
};

  <button id="myButton">Button</button>

Answer 4

您可以尝试使用如下的jquery功能！

$(document).ready(function(){
    $('#myButton').click(function(){
    alert("Write your message here");
    location.href= "www.google.com"
    });
});

Answer 5

您可以使用确认窗口（即是/否选项）。

 <script type="text/javascript">

     document.getElementById("myButton").onclick = function () {
    if (window.confirm('Do you really go to another page?'))
    {
       location.href = "www.google.com";
    }
    else
    {

    }

    }

    </script>

Answer 6

好的，请尝试使用prompt（）...

<script type="text/javascript">
    document.getElementById("myButton").onclick = function () {
        prompt("A Message");
        location.href = "www.google.com";
    };
</script>

单击按钮后和重定向之前显示弹出框

6 个答案: