Методы связи кнопки со страницей с примерами кода

Чтобы связать кнопку со страницей, вы можете использовать различные методы в зависимости от технологий, с которыми вы работаете. Вот несколько распространенных методов с примерами кода:

  1. HTML-тег :

    <a href="page.html"><button>Click Me</button></a>

  2. JavaScript window.location:

    <button onclick="window.location.href='page.html'">Click Me</button>

  3. JavaScript window.open:

    <button onclick="window.open('page.html','_self')">Click Me</button>

  4. jQuery:

    <button id="myButton">Click Me</button>
<script>
 $(document).ready(function() {
   $('#myButton').click(function() {
     window.location.href = 'page.html';
   });
 });
</script>

  5. React (синтаксис JSX):

    import React from 'react';
import { Link } from 'react-router-dom';
function MyButton() {
 return (
   <Link to="page">
     <button>Click Me</button>
   </Link>
 );
}

  6. Угловой (RouterLink):

    <a routerLink="/page"><button>Click Me</button></a>

  7. Vue.js (ссылка на маршрутизатор):

    <router-link to="/page">
 <button>Click Me</button>
</router-link>