Question

我有一个JS函数，我需要在页面加载时执行它。这是功能：

function myfunc(){
    alert('something');
}

注意到我还需要一个名字。因为我需要在页面加载后再次调用它（点击一个元素）。

简而言之，我需要定义一个在页面加载和用户点击$('.myclass')元素时执行的函数。我怎么能这样做？

Answer 1

在.myclass元素的点击处理程序中，以及script之前的</body>标记中，直接调用该函数。像这样：

<script>
    $(function() {
        $('.myclass').click(myfunc); // on click
    });

    myfunc(); // on load
</script>

Answer 2

尝试下面的代码，它调用点击我加载和点击按钮。希望这有帮助

＆＃13;

$(document).ready(function() {
  console.log('document load')
  clickMe();
});
$('.button').click(function(){
clickMe();
});
function clickMe(){
  console.log('Clicked');
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="button" > click me</button>

＆＃13;

Answer 3

<body onload="myfunc()">和<head>元素中的函数如何：

<script>
function myfunc(){
    alert('something');
}
</script>

然后从按钮

调用它

<button onclick="myfunc()">Click me</button>

如何创建一个在页面加载时执行的函数？

3 个答案: