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

Launch script from html-bootstrap button [closed]

  • 772

Bootstrap

I have the following button from a bootstrap template.

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

How can I make onclick launch a script that is in the js folder

javascript

4 Answers

  1. Best Answer

    First of all you have to have the script linked to the html.

    A simple example would be:

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

    If you already have it linked, add a:

    onClick="nombreDeLaFuncion();"

    Example:

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

    In this way you would be executing a javascript function when that link is clicked from an external file.

    • 3

  2. If you want a file to be loaded every time a link is clicked, you could do it like this:

    <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>

    But from what I read in the comments, it seems to me that what you want is that every time a text file is loaded, a script is executed. For this you may be interested in something else:

    • Wrap all your code inside a function (even if they are functions, in JavaScript you can have functions inside functions).
    • At the beginning of the created function assign the appropriate values.
    • When the file is read, call the new function with the necessary parameters.
    • 1

  3. did you try with

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

  4. One of the ways is:

    <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>

    Greetings.

    • 0