美文网首页
JQ页面自动执行(加载)的几种方法

JQ页面自动执行(加载)的几种方法

作者: 灰纸白字 | 来源:发表于2018-06-13 20:45 被阅读31次

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

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

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

$(document).ready(function() { 
   //任何需要执行的js特效
   $("table tr:nth-child(even)").addClass("even"); 
});
有一种灰常简便的写法:
$(function() { 
   $("table tr:nth-child(even)").addClass("even"); 
   //任何需要执行的js特效
}

相关文章

  • JQ页面自动执行(加载)的几种方法

    1.整个页面的document全部加载完成以后执行。不幸的这种方式不仅要求页面的DOM tree全部加载完成,而且...

  • JS旧笔记

    页面自动执行(加载)js的几种方法 一、JS方法 1.最简单的调用方式,直接写到html的body标签里面: ...

  • JS页面自动执行(加载)的几种方法

    1.最简单的调用方式,直接写到html的body标签里面: 2.在JS语句调用: fu...

  • JQuery小结

    一、页面加载 JQ的页面加载比JS要快,当整个dom树结构生成完毕后就会加载 JQ页面加载不存在覆盖问题,加载的时...

  • 2021-vue-基础语法

    1、mounted 当页面加载完自动执行的函数setInterval 定时器方法 2、v-v-on :绑定事件...

  • Vue 2

    钩子函数,表示在页面加载之后就执行代码 mounted 通过控制dom自动获取焦点 在页面加载完成之后执行代码...

  • 7、Selenium框架 -- 等待

    web页面加载或跳转时需要执行等待的几种方法: 强制等待; 隐式等待; ‘智能’登场(常用); 具体实现,如下:

  • js延迟加载的六种方式

    js实现延迟加载的几种方法,js的延迟加载有助与提高页面的加载速度 JS延迟加载,也就是等页面加载完成之后再加载 ...

  • 1

    1.页面加载完之前执行 2.页面加载后执行 3.页面加载后执行 4.页面加载后执行

  • jquery加载页面的方法

    jquery加载页面的方法(页面加载完成就执行),建议大家看下windows.onload与$(document)...

网友评论

      本文标题:JQ页面自动执行(加载)的几种方法

      本文链接:https://www.haomeiwen.com/subject/cqyseftx.html