在JavaScript函数被调用时“自动点击按钮”，而非在页面加载或按钮点击时

Question

我想在调用javascript函数时自动单击一个按钮。单击该按钮，将调用一个flask路由。我所能找到的只是页面加载的时间。这里有一些代码

<script>
  function justClickin(){
     $("#autoclick").get(0).click();
     // $("#autoclick").trigger('click');  // This doesnt work either
  }
</script>

---

{% if True %}
   <script>
      justClickin();
   </script>
{% endif %}

---

<a id="autoclick" href="{{ url_for('login') }}">login </a>

因此，当条件为真时，justclickinjs函数将运行。这将自动单击锚定标记并运行flask路由。问题是没有单击锚定标记。你知道吗

谢谢

编辑---------------------------------

所以最后，我做到了

{% if True %}
   <script>
      $("document").ready(function(){
         $("#autoclick").get(0).click();
      });
   </script>
{% endif %}

<a id='autoclick' style="display:none;"  href="{{ url_for('login') }}">login </a>

Answer 1

因为您的逻辑是在解析器到达时立即运行的，所以您试图操作的元素必须已经存在，才能使用它们。因此，如果该元素在函数调用之后出现在页面上，它将不存在于DOM中，您可以在逻辑上查找并单击它。您的脚本需要在DOM中的元素之后。否则，您可以将您的逻辑放在一个文档中，然后直到整个页面被解析到DOM中，它才会执行。你知道吗