Home / Questions / 4709
Accepted
kamome
Asked: 2020-02-25 11:56:07 +0800 CST 2020-02-25 11:56:07 +0800 CST

Запустить скрипт с кнопки html-bootstrap [закрыто]

  • 772

Начальная загрузка

У меня есть следующая кнопка из шаблона начальной загрузки.

<p><a class="btn btn-primary btn-lg" href="#" role="button">texto_boton &raquo;</a></p>

Как я могу запустить по клику скрипт, который находится в папке js

javascript

4 Answers

  1. Best Answer

    Прежде всего, вы должны связать скрипт с html.

    Простой пример:

    <html>
  <head>
    <script language="JavaScript" type="text/javascript" src="Link al archivo"></script>
  </head>
  <body>
  </body>
</html>

    Если у вас уже есть ссылка, добавьте:

    onClick="nombreDeLaFuncion();"

    Пример:

    <a class="btn btn-primary btn-lg" href='javascript:;' onclick="nombreDeLaFuncion();" role="button">
  texto_boton &raquo;
</a>

    Таким образом, вы будете выполнять функцию javascript, когда эта ссылка будет нажата из внешнего файла.

    • 3

  2. Если вы хотите, чтобы файл загружался каждый раз при нажатии на ссылку, вы можете сделать это следующим образом:

    <p>
<a class="btn btn-primary btn-lg" href="#" role="button" id="boton">texto_boton &raquo;</a>
</p>

<script>
// seleccionamos el enlace 
var boton = document.getElementById("boton");

// cuando se pulsa en el enlace
boton.onclick = function(e) {
    // evitamos la acción por defecto
    e.preventDefault();
    // creamos una etiqueta script
    var s = document.createElement("script");
    // indicamos en el atributo src el fichero que quieres cargar
    s.src = "ruta/a/tu/codigo.js";
    // lo añadimos al documento (y se ejecuta automaticamente)
    document.querySelector("body").appendChild(s);
    // borra el script del documento (para evitar basura si se ejecuta multiples veces)
    s.remove();
}
</script>

    Но из того, что я прочитал в комментариях, мне кажется, что вы хотите, чтобы каждый раз при загрузке текстового файла выполнялся скрипт. Для этого вам может быть интересно что-то еще:

    • Оберните весь свой код внутри функции (даже если это функции, в JavaScript вы можете иметь функции внутри функций).
    • В начале созданной функции присвойте соответствующие значения.
    • Когда файл будет прочитан, вызовите новую функцию с нужными параметрами.
    • 1

  3. ты пробовал с

      <p><a class="btn btn-primary btn-lg" href="#" role="button" onclick="miFuncion()">texto_boton &raquo;</a></p>
    • 0

  4. Один из способов:

    <script Language=Javascript src="miarchivocon30funciones.js"></script >

function mifuncion() {

    //LLamar aquí las funciones de miarchivocon30funciones.js   
    funcion1();
   funcion2();


}

<a class="btn btn-primary btn-lg" href='javascript:;' onclick='mifuncion();return false;'role="button">texto_boton &raquo;</a>

    Привет.

    • 0