Question

我试图理解HTML和JS函数的执行顺序。代码：

<!DOCTYPE html>
<html>
   <head>
      <script>

         function myFunction()
         {
            var x=document.getElementsByName("check1");
            x[0].disabled=true;
            x[0].checked=true;
            x[0].value="Y";
         }

         function myFunction1()
         {
            var x=document.getElementsByName("check1");
            alert(x[0].value);
         }

      </script>
   </head>
   <body onload="myFunction()">
      <h1>Hello World!</h1>
      <form>
         <input type="checkbox" name="check1" unchecked enabled value="N"/>
         <input type="button" value="Button" onclick="myFunction1()"/>
      </form>
   </body>
</html>

最后元素“check1”的值是= Y. 最后选中复选框并禁用。任何人都可以解释这一点。我已经浏览了这个非常有用的链接： Load and execution sequence of a web page?

上面的例子仍然会有所帮助。谢谢

Answer 1

首先更改函数的名称..它必须是不同的。那么执行顺序是

调用第一个onbody加载函数然后调用输入按钮函数。你甚至可以通过警报检查它。

Answer 2

如果我理解了您的问题，那么您的意思是checkbox值为'Y'，尽管您已禁用此复选框。

禁用复选框只会使用户界面处于非活动状态，但通过脚本仍然可以更改值。

Answer 3

在加载事件中调用“myFunction（）”方法，以便在加载页面后立即执行。并且函数“myFunction1（）”在按钮单击事件上调用。并且您正在初始化复选框值，其值为“N”，这就是为什么它在每个页面加载函数之后显示n

HTML / JS执行顺序

3 个答案: