[英]how to call a function from an external file link to the main file
我想从一个外部文件中调用一个函数，但是它表明它是不确定的，到目前为止我尝试过的是
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 ）时，在HTML标记上使用onClick不是一个好主意。 我建议您向button添加class或id并使用jQuery处理click event ，如下所示：
$(function(){
$('.CLASS_NAME').on('click', function(){
// ...
});
// OR
$('#BUTTON_ID').on('click', function(){
// ...
});
});
这是因为您的函数是在按钮事件无法到达的范围内声明的。 按钮事件只能以您使用的方式到达全局函数或var。 此外， 不要在元素本身中使用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>
从外部js文件调用位于主html中的javascript函数
[英]call javascript function located in main html from external js file
Javascript：我可以从主页调用外部文件中的函数吗？
[英]Javascript: can I call a function in an external file from the main page?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.