多种方法实现当jsp页面完全加载完成后执行一个js函数

实现当JSP页面完全加载完成后执行一个JS函数,可以通过以下两种方法实现:

实现当JSP页面完全加载完成后执行一个JS函数,可以通过以下两种方法实现:

方法一:window.onload

在window对象上添加onload事件处理程序,当JSP页面全部加载完成后就会执行该处理程序。在该处理程序中可以调用JS函数。

<script>
  window.onload = function() {
    myFunction();
  };

  function myFunction() {
    alert("JSP页面已经全部加载完成!");
  }
</script>

方法二:jQuery的$(document).ready()

使用jQuery的$(document).ready()方法,当DOM结构加载完成时该方法就会被调用。同样可以在该方法内调用JS函数。

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
  $(document).ready(function() {
    myFunction();
  });

  function myFunction() {
    alert("DOM结构已经加载完成!");
  }
</script>

这是两种常用的方法,可以根据实际情况选择适合自己的方式来实现。

本文标题为:多种方法实现当jsp页面完全加载完成后执行一个js函数

基础教程推荐