表单提交导致页面刷新后，如何执行函数？

<form onsubmit="myFunction()">
  <!-- 表单内容 -->
  <input type="submit" value="提交">
</form>

<script>
function myFunction() {
  // 执行相应的函数逻辑
}
</script>

<form id="myForm">
  <!-- 表单内容 -->
  <input type="submit" value="提交">
</form>

<script>
document.getElementById("myForm").addEventListener("submit", function(event) {
  event.preventDefault(); // 阻止表单默认提交行为
  // 执行相应的函数逻辑
});
</script>

<form id="myForm">
  <!-- 表单内容 -->
  <input type="submit" value="提交">
</form>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$("#myForm").submit(function(event) {
  event.preventDefault(); // 阻止表单默认提交行为
  // 执行相应的函数逻辑
});
</script>