页面加载上的自动点击按钮不起作用

debugcn 发表于 Dev

伊戈特普

我是代码的新手，并且正在Webflow上创建一个网站，并尝试使用自定义代码来适应某些功能。我在这里阅读了很多主题，其中提到在页面加载时自动单击按钮的可能性。因此，我尝试将代码段添加到页面正文中，然后发布网站以检查它是否可以正常运行，但是自动点击没有发生。该页面仅是带有自动单击的按钮。有人可以帮我了解为什么它不起作用吗？提前致谢。

<body>
  <div><a id="redirect" ms-member-page="default" href="#" class="w-button">Button Text</a></div>
  <script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.4.1.min.220afd743d.js?site=5e79526aa1d3ba459f1ebac2" type="text/javascript" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
  <script src="js/webflow.js" type="text/javascript"></script>
  <!-- [if lte IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif] -->
  <script type="text/javascript">
document.getElementById("redirect").click();
</script>
</body>

皮卡丘

自动点击功能有效，但这只是事实，您的锚标记（a）不会引导用户到任何地方。您可能正在尝试执行以下操作：

<body>
  <div><a id="redirect" ms-member-page="default" href="/mypage.html" class="w-button">Button Text</a></div>
  <script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.4.1.min.220afd743d.js?site=5e79526aa1d3ba459f1ebac2" type="text/javascript" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
  <script src="js/webflow.js" type="text/javascript"></script>
  <!-- [if lte IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif] -->
  <script type="text/javascript">
document.getElementById("redirect").click();
</script>
</body>

在此处阅读有关锚标签的更多信息。

a标签用于链接，以将您的用户发送到页面。按钮是用<button>标签制成的。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。