HTML 锚标签先有 href 然后 onclick()

Question

在同时具有 href 和 onClick 的锚标记中，是否可以先将 href go 指向链接然后执行 onClick()？

比如我想让这个锚标签先go到链接然后调用highlightButton function。

<a
  class="page-link" 
  href="?page={{step.previous_page_number}}" 
  onClick="highlightButton();"
  aria-label="Previous"
>Previous</a>

Answer 1

没有。 但是，您可以在文档准备好后检查并验证来自 URL 的参数page ，然后执行 highlightButton() function。

例子：

HTML

<a class="page-link" href="?page={{step.previous_page_number}}" aria label="Previous">Previous</a>

javaScript

document.addEventListener("DOMContentLoaded", function() {
    const params = new URLSearchParams(location.search);
    const page = params.get("page");

    // Example Validation
    if (page != "" || page != null) {
        highlightButton();
    }

    function highlightButton() {
        // Code goes here
    }
});

Answer 2

不，你不能这样做，通过打开一个新链接，最后一页不会在后台工作，但如果你想在下一页中使用特定的 function，只需写下 function 并在你的脚本标签的顶部调用它！

像这样：

<script>
    highlightButton()
    function highlightButton() {
        // your code 
    }
</script>