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


Posted in Javascript onMarch 30, 2016

本文为大家分享了在网页中JS函数自动执行常用方法,供大家参考,具体内容如下

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

<body onload="myfunction()">
<html> <body onload="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.onload=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特效 });

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

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

<SCRIPT  LANGUAGE="JavaScript"> 

functionn MyAutoRun()


{ 


 //以下是您的函数的代码,请自行修改先!


 alert("函数自动执行哦!"); 


} 

</SCRIPT>

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

①第一种方法

将如上代码改为:

<SCRIPT  LANGUAGE="JavaScript"> 

functionn MyAutoRun()


{ 


 //以下是您的函数的代码,请自行修改先!


 alert("函数自动执行哦!"); 


} 


window.onload=MyAutoRun(); //仅需要加这一句

</SCRIPT>

②第二种方法

修改网页的Body为:

<body onLoad="MyAutoRun();">

或者改为:

<body onLoad="javascript:MyAutoRun();">

③第三种方法

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

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

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

<SCRIPT  LANGUAGE="JavaScript"> 

functionn MyAutoRun()


{ 


 //以下是您的函数的代码,请自行修改先!


 alert("函数自动执行哦!"); 


} 


setTimeout("MyAutoRun()",1000); //这样就行拉

</SCRIPT>

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

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

Javascript 相关文章推荐
jquery form 加载数据示例
Apr 21 Javascript
纯JavaScript代码实现文本比较工具
Feb 17 Javascript
jQuery实现的鼠标经过时变宽的效果(附demo源码)
Apr 28 Javascript
jQuery简单实现页面元素置顶时悬浮效果示例
Aug 01 Javascript
javascript中递归的两种写法
Jan 17 Javascript
JS实现仿饿了么在浏览器标签页失去焦点时网页Title改变
Jun 01 Javascript
30分钟精通React今年最劲爆的新特性——React Hooks
Mar 11 Javascript
详解微信小程序中var、let、const用法与区别
Jan 11 Javascript
vue+vant使用图片预览功能ImagePreview的问题解决
Apr 10 Javascript
利用webpack理解CommonJS和ES Modules的差异区别
Jun 16 Javascript
浅谈react路由传参的几种方式
Mar 23 Javascript
详解TS数字分隔符和更严格的类属性检查
May 06 Javascript
Jquery轮播效果实现过程解析
Mar 30 #Javascript
修复jQuery tablesorter无法正确排序的bug(加千分位数字后)
Mar 30 #Javascript
JavaScript 经典实例日常收集整理(常用经典)
Mar 30 #Javascript
JavaScript 浏览器兼容性总结及常用浏览器兼容性分析
Mar 30 #Javascript
JavaScript 不支持 indexof 该如何解决
Mar 30 #Javascript
React.js入门学习第一篇
Mar 30 #Javascript
Node.js操作mysql数据库增删改查
Mar 30 #Javascript
You might like
thinkphp3.x中cookie方法的用法分析
2016/05/19 PHP
简单的自定义php模板引擎
2016/08/26 PHP
PHP函数引用返回的实例详解
2016/09/11 PHP
win10下 php安装seaslog扩展的详细步骤
2020/12/04 PHP
jQuery的animate函数学习记录
2014/08/08 Javascript
js实现对table动态添加、删除和更新的方法
2015/02/10 Javascript
JavaScript判断FileUpload控件上传文件类型
2015/09/28 Javascript
JavaScript实现窗口抖动效果
2016/10/19 Javascript
利用浮层使select不可选的实现方法
2016/12/03 Javascript
jQuery实现的分页功能示例
2017/01/22 Javascript
JS中的phototype详解
2017/02/04 Javascript
webstorm添加vue.js支持的方法教程
2017/07/05 Javascript
微信小程序文章详情页面实现代码
2018/09/10 Javascript
Jquery遍历筛选数组的几种方法和遍历解析json对象,Map()方法详解以及数组中查询某值是否存在
2019/01/18 jQuery
js变量声明var使用与不使用的区别详解
2019/01/21 Javascript
fastadmin中调用js的方法
2019/05/14 Javascript
Vue中import from的来源及省略后缀与加载文件夹问题
2020/02/09 Javascript
Python格式化压缩后的JS文件的方法
2015/03/05 Python
python常用函数详解
2016/09/13 Python
Python实现的摇骰子猜大小功能小游戏示例
2017/12/18 Python
简单实现python数独游戏
2018/03/30 Python
pandas使用get_dummies进行one-hot编码的方法
2018/07/10 Python
tensorflow多维张量计算实例
2020/02/11 Python
Python figure参数及subplot子图绘制代码
2020/04/18 Python
详解python百行有效代码实现汉诺塔小游戏(简约版)
2020/10/30 Python
Big Green Smile法国:领先的英国有机和天然产品在线商店
2021/01/02 全球购物
C语言面试题
2013/05/19 面试题
应届生学校辅导员求职信
2013/11/07 职场文书
企业演讲稿范文
2013/12/28 职场文书
员工评语大全
2014/01/19 职场文书
党的群众路线教育实践活动学习笔记范文
2014/11/06 职场文书
2014财务年终工作总结
2014/12/08 职场文书
班主任寄语2015
2015/02/26 职场文书
企业管理不到位检讨书
2019/06/27 职场文书
导游词之河北邯郸
2019/09/12 职场文书
Nginx设置HTTPS的方法步骤 443证书配置方法
2022/03/21 Servers