100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > 在页面自动执行(加载)js的几种解决方法 详细代码解析

在页面自动执行(加载)js的几种解决方法 详细代码解析

时间:2018-10-26 13:00:21

相关推荐

在页面自动执行(加载)js的几种解决方法 详细代码解析

web前端|js教程

javascript,几种,加载

web前端-js教程

下面是我给大家整理的在页面自动执行(加载)js的几种解决方法,有兴趣的同学可以去看看。

ssh 大型 web系统 源码 java,vscode列操作选中单词,ubuntu加入grub,tomcat6 升级,python 爬虫有道,php 阳历转农历,襄阳ai智能seo推广价格,开发源码网站是什么,生日?W站模板lzw

A、JS方法

pdf在线编辑源码,ubuntu常用的软件,爬虫字典传入数组,php推技术php新的技术,滑县seo方案lzw

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

非凡影源码,vscode怎么换颜色,ubuntu制作rootfs,查看tomcat版本信息,sqlite怎么更改数据库,爬虫反爬虫策略及破解,linux系统php环境,上海回声网络seo优化,个人网站首页布局模板,做企业网站模板可以seolzw

2.在JS语句调用:

function myfun() { alert("this window.onload"); } /*用window.onload调用myfun()*/window.onload = myfun;//不要括号

3。

window.onload=function(){func1();func2();func3(); }

B、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特效 });

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

利用js 来判断客户端能否上网(代码附上)

详细为你解析AJAX的使用方法(代码贴上)

有关AJAX的面试题(附有答案)

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。