javascript - 内联js onclick 函数顺序问题

问题描述

问 题

想通过onclick='test'调用函数，发现如下问题，求证。

场景一：可以正常执行

<script>
$(function($){

    function test(){
      console.log('123');
    }
});
</script>

<button onclick='test()' >adadas</button>

场景二：test:34 Uncaught ReferenceError: test is not defined

<button onclick='test()' >adadas</button>

<script>
$(function($){

    function test(){
      console.log('123');
    }
});
</script>

问题：如果想用onclick='test()'，只能 先把 函数写在 需要调用的元素之前吗？

解决方案

第一个能执行吗？两个都是作用域的问题吧,onclick="test()"调用的是全局的,通过$(function(){})声明的是在这个匿名函数的作用域里的

这篇关于javascript - 内联js onclick 函数顺序问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！