将锚点转换为按钮

Question

I have a simple question how to convert <a href=""> to <button> ?

I do that because I don't want user to see the link url.

example :

<a href="#<?php echo $msg_id=$data['msg_id']; ?>" title="Comment" data-toggle="modal"><img src="images/comments.png"/></a>

Now how can I convert that into button ?

<button></button>

Answer 1

I'm assuming that you're using bootstrap and you want to trigger a modal using <button> . Here's a sample from the bootstrap documentation:

<button type="button" data-toggle="modal" data-target="#myModal">Launch modal</button>

If I apply it to your code,

<button type="button" data-toggle="modal" data-target="#<?php echo $msg_id=$data['msg_id'];?>" title="Comment"><img src="images/comments.png"/></button>

Answer 2

<button onclick="window.location='URL'">button text</button>

.. 但他们将能够看到检查 html 页面代码的 url！

Answer 3

I assume what you want to do is that when the button is clicked, it should open the same URL that was present in href. If this is the scenario, you can just add an onclick event handler to the button ie onclick="navigate(' Your URL here ');".

You can also set the onclick event to call a javascript function which in turn can open a modal/normal popup window for you

Answer 4

Try to use this:

<form><input type="button" value="Click me" onclick="window.location.href='http://www.google.ch/'" /></form>

Put your text you want for value and put your URL in window.location.href='' .

If you want it with <button></button> this could be another way:

<button onclick="window.location.href='http://www.google.ch/'">Click me</button>