javascript - 这是不引人注目的 javascript 的缺点之一吗？

Question

将内联 javascript 添加到 html 标记(例如 onclick、onsubmit 等)被认为是不好的做法。

<form id="form1" onsubmit="return validate();">
...
</form>
<a id="link1" href="http://www.google.com/" onclick="return popup();">Link1</a>

但如果我们像下面那样做，是否有可能 validate 或 popup 函数不会被调用，因为用户在 dom ready 函数之前与页面交互叫什么？

<form id="form1">
...
</form>
<a id="link1" href="http://www.google.com/">Link1</a>
<script type="text/javascript">
$(document).ready(
    function(){
        $('#form1').submit(
            //validate
            function(){...}
        );
        $('#link1').click(
            //popup
            function(){...}
        );
    }
);
</script>

Answer 1

您始终可以将它们创建为禁用状态，然后仅在事件绑定(bind)后使用 ready 事件使它们启用。

请注意，如果您尝试遍历其中的 DOM，HTML 中的 onxxx 可能会尝试访问尚不存在的内容，这可能会导致错误，并且比让用户等待更糟糕几分之一秒。