200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > 网页中JS函数自动执行常用三种方法【javascript】

网页中JS函数自动执行常用三种方法【javascript】

时间:2019-01-13 05:18:24

相关推荐

网页中JS函数自动执行常用三种方法【javascript】

web前端|js教程

JS函数自动执行,JS自动执行

web前端-js教程

android 文件浏览器源码,ubuntu怎么换回桌面,解决tomcat被占用问题,狗爬虫症状,php开发做什么,抖音seo优化多少钱一个月lzw

A、JS方法

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

装潢设计源码,vscode自动补全分号,ubuntu安装时区,tomcat 配置证书,16 sqlite使用方法,wp友情链接自动更新插件,前端很复杂的页面用什么框架,编写爬虫要应用的软件,php获取变量的值,佛山整站seo外包,复制网站模板,php网页显示源码,宠物社区代码模板lzw

2.在JS语句调用:

公司企业网站源码幻灯片,哪些主板适合ubuntu,tomcat是网络服务器,爬虫数据怎么添加,美团外卖php是什么意思,童装seo描述lzw

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

第三种

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函数自动执行常用三种方法

在HTML中的Head区域中,有如下函数:

functionn MyAutoRun(){ //以下是您的函数的代码,请自行修改先!alert("函数自动执行哦!"); }

下面,我们就针对上面的函数,让其在网页载入的时候自动运行!

①第一种方法

将如上代码改为:

functionn MyAutoRun(){ //以下是您的函数的代码,请自行修改先!alert("函数自动执行哦!"); } window.onload=MyAutoRun(); //仅需要加这一句

②第二种方法

修改网页的Body为:

或者改为:

③第三种方法

使用JS定时器来间断性的执行函数:

setTimeout(“MyAutoRun()”,1000); //隔1000毫秒就执行一次MyAutoRun()函数

实现方法,将最上面的那JS函数,改为:

functionn MyAutoRun(){ //以下是您的函数的代码,请自行修改先!alert("函数自动执行哦!"); } setTimeout("MyAutoRun()",1000); //这样就行拉

其它的方法比较特殊,也不常用,通用性也不大,就不介绍了!

以上为大家介绍的是JS函数自动执行常用方法,希望对大家的学习有所帮助。

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