javascript - 这是不显眼的 javascript 的缺点之一吗？

Question

将内联javascripts 添加到html 标记（例如onclick、onsubmit...等）被认为是不好的做法。

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

但是如果我们像下面那样做，是否有可能因为用户在调用 dom 就绪函数之前与页面交互而没有调用validateor函数？popup

<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

如果您的方法位于外部文件中，则无论您如何附加该方法，都可以在加载脚本之前访问该表单。这是为了更容易维护和关注点分离的一个小折衷。

Answer 2

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

请注意，onxxx如果您尝试遍历其中的 DOM，HTML 中的