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>

如何让 onclick 启动 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