Javascript 如何使用onclick正确执行函数JS？_Javascript_Html

Javascript 如何使用onclick正确执行函数JS？

javascript html

Javascript 如何使用onclick正确执行函数JS？,javascript,html,Javascript,Html,我试图通过点击一个范围来执行一个函数，但它告诉我它是未定义的 $（文档）.ready（函数（）{ 函数callTo（param）{ 警报（参数）； } }); 。归档{ 背景：#F5无重复滚动0；边框：1px实心#ccc；颜色：#383f45；字体大小：12px；边缘底部：10px；填充：6px；字体大小：10px；文本对齐：居中；文本转换：大写；光标：指针； } 点击呼叫尝试将函数定义从$（文档）中移出。准备好了吗函数callTo（param）{ 警报（参数）； }

我试图通过点击一个范围来执行一个函数，但它告诉我它是未定义的

$（文档）.ready（函数（）{
函数callTo（param）{
警报（参数）；
}
});
。归档{
背景：#F5无重复滚动0；
边框：1px实心#ccc；
颜色：#383f45；
字体大小：12px；
边缘底部：10px；
填充：6px；
字体大小：10px；
文本对齐：居中；
文本转换：大写；
光标：指针；
}

点击呼叫
尝试将函数定义从$（文档）中移出。准备好了吗

函数callTo（param）{
警报（参数）；
}

或者像这样定义事件侦听器
<script>
    $(document).ready(function() {
        $('.file-up').click(function() {
            //action
        });
    });
</script>


$（文档）.ready（函数（）{
$（'.file up'）。单击（函数（）{
//行动
});
});

（在这种情况下，我最好给它一个id，并将选择器改为#id
，而不是.file up
，因为其他元素可以应用相同的类）
尝试将函数定义从$（文档）移走。准备好了吗

函数callTo（param）{
警报（参数）；
}

或者像这样定义事件侦听器
<script>
    $(document).ready(function() {
        $('.file-up').click(function() {
            //action
        });
    });
</script>


$（文档）.ready（函数（）{
$（'.file up'）。单击（函数（）{
//行动
});
});

（在这种情况下，我最好给它一个id，并将选择器改为#id
，而不是.file up
，因为其他元素可以应用相同的类）

样品
函数callTo（param）{
警报（参数）；
}
点击呼叫


这是一个不使用jQuery的工作示例，仅使用普通javascript。插入它并直接使用它。
如果你想让我发布一个只使用jQuery来完成你想要完成的任务的答案，那么请让我知道
正如您所问，这是使用jQuery的代码-
<!DOCTYPE html>
<html>
<head>
    <title>
        sample
    </title>
</head>
<body>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
    $(document).ready(function() {
      $('#index').click (function callTo() {
        alert("Your values is :"+ $(this).data("value"));
      });
    });
</script>
<div>
    <span class="file-up" id="index" data-value="test">
        Click to call
    </span>
</div>


样品
$（文档）.ready（函数（）{
$（'#index'）。单击（函数callTo（）{
警报（“您的值是：”+$（this）.data（“值”）；
});
});
点击呼叫


样品
函数callTo（param）{
警报（参数）；
}
点击呼叫


这是一个不使用jQuery的工作示例，仅使用普通javascript。插入它并直接使用它。
如果你想让我发布一个只使用jQuery来完成你想要完成的任务的答案，那么请让我知道
正如您所问，这是使用jQuery的代码-
<!DOCTYPE html>
<html>
<head>
    <title>
        sample
    </title>
</head>
<body>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
    $(document).ready(function() {
      $('#index').click (function callTo() {
        alert("Your values is :"+ $(this).data("value"));
      });
    });
</script>
<div>
    <span class="file-up" id="index" data-value="test">
        Click to call
    </span>
</div>


样品
$（文档）.ready（函数（）{
$（'#index'）。单击（函数callTo（）{
警报（“您的值是：”+$（this）.data（“值”）；
});
});
点击呼叫

更好的方法是使用addEventListener（'click'，（）=>{}），而onclickcallTo
仅在传递给$（文档）的匿名函数中可用。ready（）
callTo
隐藏在ready
回调的函数范围内，如果我的函数能够在不同的HTML元素中使用不同的参数执行，我应该如何继续呢？我的意思是，我是这样使用onclick的，因为+15个元素必须能够使用自己的参数执行该函数。更好的方法是使用addEventListener（'click'，（）=>{}），而onclickcallTo
仅在传递给$（document.ready（）的匿名函数中可用
callTo
隐藏在ready
回调的函数范围内，它从未导出。如果我的函数能够在不同的HTML元素中使用不同的参数执行，我该如何继续？我的意思是，我使用onclick的方式，因为+15元素必须能够用它们自己的参数执行该函数greetings，我想看jqueryOkay的表演，没问题，但是，首先告诉我，我的逻辑正确吗？这是你想要的吗？是的，我只是按照你说的做了尝试，它适用于我的case问候语，我想和jqueryOkay一起看这个节目，没问题，但是，首先告诉我，我的逻辑正确吗？这是你想要的吗？是的，我只是按照你说的做了尝试，对我的情况有效