How can I make a button redirect my page to another page? [duplicate]

by

Just add an onclick event to the button:

<button onclick="location.href="www.yoursite.com";" id="myButton" class="float-left submit-button" >Home</button>

But you shouldn’t really have it inline like that, instead, put it in a JS block and give the button an ID:

<button id="myButton" class="float-left submit-button" >Home</button>

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

More Related Contents:

  1. How to popup an alert when every cell in a table has been clicked?
  2. CSS Propertie change OnClick [closed]
  3. My website doesn’t load jQuery [closed]
  4. My JS is not working (chat application)
  5. How to apply !important using .css()?
  6. How to detect DIV’s dimension changed?
  7. Difference between val() and text()
  8. How to get a number of random elements from an array?
  9. How do I create a link using javascript?
  10. Export html table data to Excel using JavaScript / JQuery is not working properly in chrome browser
  11. Check with jquery if div has overflowing elements
  12. How to show popup message like in Stack Overflow
  13. How to find a parent with a known class in jQuery?
  14. how to move a div with arrow keys
  15. Selecting multiple from an html select element without using ctrl key
  16. Scale element proportional to Background Cover with jQuery
  17. how to assign javascript variable value to php variable
  18. Embed HTML5 YouTube video without iframe?
  19. Anchor tag download attribute not working :Bug in Chrome 35.0.1916.114
  20. Detect browser character support in javascript?
  21. Find selected item in Datalist in HTML
  22. Force page scroll position to top at page refresh in HTML
  23. JQuery html() vs. innerHTML
  24. Modal image galleries – multiple images
  25. How do I edit PHP variable with JavaScript/jQuery?
  26. is it possible to add or inside an tag? [duplicate]
  27. Why multiple datepicker not working?
  28. Creating a JSON dynamically with each input value using jquery
  29. How to maintain page scroll position after a jquery event is carried out?
  30. Disable spaces in Input, AND allow back arrow?

Leave a Comment