首页 > 其他分享 >页面加载完成后自动执行一个方法函数的JQ、JS方法

页面加载完成后自动执行一个方法函数的JQ、JS方法

时间:2022-10-12 15:06:48浏览次数:66  
标签:even function onload JQ JS window 方法 加载


一、JS方法


1.最简单的调用方式,直接写到html的body标签里面:


<body οnlοad="myfunction()">

<html>
<body οnlοad="func1();func2();func3();">
</body>
</html>


2.在JS语句调用:


<script type="text/javascript">
  function myfun()
  {
   alert("this window.onload");
  }
  /*用window.onload调用myfun()*/
  window.onload = myfun;//不要括号
</script>


 


<script type="text/javascript">
window.οnlοad=function(){
func1();
func2();
func3();
}
</script>


二、JQ方法


1.整个页面的document全部加载完成以后执行。不幸的这种方式不仅要求页面的DOM tree全部加载完成,而且要求所有的外部图片和资源全部加载完成。更不幸的是,如果外部资源,例如图片需要很长时间来加载,那么这个js方法执行感觉就比较慢了。也就是说这是一种最严谨的页面加载完再执行方法的方法。


window.onload = function() { 
$("table tr:nth-child(even)").addClass("even"); //这个是jquery代码
};


2.仅只需要加载所有的DOM结构,在浏览器把所有的HTML放入DOM tree之前就执行方法。包括在加载外部图片和资源之前。


$(document).ready(function() {     
$("table tr:nth-child(even)").addClass("even"); // 任何需要执行的js特效
});


还有一种简写方式


$(function() {
$("table tr:nth-child(even)").addClass("even"); // 任何需要执行的js特效
});

标签:even,function,onload,JQ,JS,window,方法,加载
From: https://blog.51cto.com/u_15826214/5750751

相关文章

  • js 集合的交集、补集、差集、去重
    ///集合取交集Array.intersect=function(){varresult=newArray();varobj={};for(vari=0;i<arguments.length;i++){......
  • package.json
    package.json是什么?npm是前端开发人员广泛使用的包管理工具,项目中通过package.json来管理项目中所依赖的npm包的配置。package.json就是一个json文件,除了能够描述项目的包......
  • js div的显示与隐藏
    <divtitle="当前活动"id="workItem"href="../TiPLM/Process/FrmWork.aspx?type=WorkItem"></div><divtitle="未来任务"id="FutureTask"href="../TiPLM/Proces......
  • 前端笔记_2_layer加载背景
    varindex=layer.load(1,{shade:[0.6,'#000']//0.1透明度的白色背景});$.ajax({url:apiBaseUrl+'/url',type:'post......
  • vue.js 类型转换 强类型转强类型
    1、js常规类型转换https://www.cnblogs.com/123525-m/p/15788443.htmlhttps://blog.csdn.net/allway2/article/details/1249550872、vue强类型转强类型自定义强类型Co......
  • JS 困惑之this的指向
    JS中,this到底指向谁,一直是比较困惑的问题,由于this的指向问题造成bug,在程序中经常出现,如何正确理解this的应用,是写好js代码的关键。案例1:functionthiswindow(){c......
  • JS 获取指定元素滚动条
    获取后台数据接口,当数据无的时候,可以移除滚动监听mounted(){//监听滚动window.addEventListener("scroll",this.getScroll,true);},......
  • 尚硅谷-JavaWeb Day8 Filter、Json、Ajax
    1.Filter过滤器(JavaEE的规范,也是接口)作用:拦截请求、过滤响应;(应用于权限检查、日记操作、事务管理等等)①基本使用(通过判断session域中是否包含用户信......
  • JS操作
    筛选两个数组间相同的数据1.筛选两个数组letinitList=[1,2,35,15,48,68,48,52];letlist=[35,68];console.log(initList.filter((item)=>list.some((va......
  • springbean的八种加载方式
    总结了一下八种bean的加载方式bold;">接口 xml+<bean/> xml:context+注解(@Component+4个@Bean) 配置类+扫描+注解(@Component+4个@Bean)@Bean定义FactoryBean接口......