如何从外部文件调用函数链接到主文件

how to call a function from an external file link to the main file

本文关键字：链接 主文件 函数 调用 从外部 文件      更新时间：2023-09-26

我想从外部文件调用一个函数，但它显示它是未定义的，我到目前为止尝试的是

index . html文件
<button class="btn btn-primary" onclick="check()" >click</button>

script.js文件
$(document).ready(function(){ 
    function check()
 {
alert('checked');
 }

 });//document ready function

我想在index.html中调用一个按钮的javascript文件onClick .当我点击点击按钮时，它显示检查未定义。

当你链接jQuery在你的页面(我得到了它，因为你使用$ sign)，这不是一个好主意使用onClick html标签。我建议您将class或id添加到button中，并使用jQuery处理click event，如下所示:

$(function(){
    $('.CLASS_NAME').on('click', function(){
        // ...
    });
    // OR
    $('#BUTTON_ID').on('click', function(){
        // ...
    });
});

这是因为你的函数是在button事件无法到达的范围内声明的。button事件只能以您使用的方式到达全局函数或变量。此外，不要在元素本身使用onclick，你必须绑定它，就像@Mehdi说的:

<button class="btn btn-primary check">click</button>

JS: 

$(document).ready(function() { 
    $(".check").on("click", function() {
       // Perform your check here.
    });
});

或者更好的或者你可以这样做:

$('body').on('click', '.check', function() {
    // Perform your check here.
});

但我不认为这是你的情况。

或者文档还没有完成加载，所以当你点击它的时候这个函数还没有被声明，但是我非常怀疑。

更有可能的是您忘记将外部脚本添加到html中。你还必须包括jQuery，因为你正在使用它($ = jQuery)。你的html应该看起来像这样:

<html>
  <head>
    <title>Title of your page</title>
    <script src="https://code.jquery.com/jquery-1.11.3.min.js" />
    <script src="path/to/your/script.js" />
  </head>
  <body>
    <button class="btn btn-primary" onclick="check()" >click</button>
  </body>
</html>
相关文章：