javascript函数自动执行常用方法汇总


Posted in Javascript onMarch 28, 2016

在网页中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>

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

Javascript 相关文章推荐
Jquery工作常用实例 使用AJAX使网页进行异步更新
Jul 26 Javascript
javascript学习笔记(十) js对象 继承
Jun 19 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(五)可移动地图的实现
Jan 23 Javascript
js中如何把字符串转化为对象、数组示例代码
Jul 17 Javascript
javascript HTML5 canvas实现打砖块游戏
Jun 18 Javascript
基于jQuery实现页面搜索功能
Mar 26 Javascript
详解vue-router2.0动态路由获取参数
Jun 14 Javascript
vuex 项目结构目录及一些简单配置介绍
Apr 08 Javascript
详解JavaScript栈内存与堆内存
Apr 04 Javascript
详解基于Vue/React项目的移动端适配方案
Aug 23 Javascript
深入浅析vue中cross-env的使用
Sep 12 Javascript
vue 实现click同时传入事件对象和自定义参数
Jan 29 Vue.js
JavaScript利用HTML DOM进行文档操作的方法
Mar 28 #Javascript
JavaScript常用本地对象小结
Mar 28 #Javascript
Bootstrap 粘页脚效果
Mar 28 #Javascript
jQuery实现的多滑动门,多选项卡效果代码
Mar 28 #Javascript
轻量级jQuery插件slideBox实现带底栏轮播(焦点图)代码
Mar 28 #Javascript
jQuery实时显示鼠标指针位置和键盘ASCII码
Mar 28 #Javascript
通过Tabs方法基于easyUI+bootstrap制作工作站
Mar 28 #Javascript
You might like
丧钟首部独立剧集《丧钟:骑士与龙》北美正式开播,场面血腥
2020/04/09 欧美动漫
PHP学习笔记 用户注册模块用户类以及验证码类
2011/09/20 PHP
Yii2中使用join、joinwith多表关联查询
2016/06/30 PHP
PHP不使用递归的无限级分类简单实例
2016/11/05 PHP
[原创]php使用strpos判断字符串中数字类型子字符串出错的解决方法
2017/04/01 PHP
php设计模式之策略模式实例分析【星际争霸游戏案例】
2020/03/26 PHP
jQuery ui 1.7更新小结
2009/08/15 Javascript
jquery的Tooltip插件 qtip使用详细说明
2010/09/08 Javascript
JQuery 应用 JQuery.groupTable.js
2010/12/15 Javascript
js中将具有数字属性名的对象转换为数组
2011/03/06 Javascript
javascript实现捕捉键盘上按下的键
2015/05/05 Javascript
基于Jquery easyui 选中特定的tab
2015/11/17 Javascript
javascript数组克隆简单实现方法
2015/12/16 Javascript
jquery实现刷新随机变化样式特效(tag标签样式)
2017/02/03 Javascript
JS实现分页浏览横向图片(类轮播)实例代码
2017/11/06 Javascript
JavaScript实现数值自动增加动画
2017/12/28 Javascript
vue 内联样式style中的background用法说明
2020/08/05 Javascript
javascript解析json格式的数据方法详解
2020/08/07 Javascript
[02:09]EHOME夺得首届辉夜杯冠军—现场颁奖仪式
2015/12/28 DOTA
[53:44]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Magma BO3 第一场 1月31日
2021/03/11 DOTA
Python多线程编程(六):可重入锁RLock
2015/04/05 Python
Python爬虫DOTA排行榜爬取实例(分享)
2017/06/13 Python
Python编程实战之Oracle数据库操作示例
2017/06/21 Python
解决pyinstaller打包发布后的exe文件打开控制台闪退的问题
2019/06/21 Python
Python和Bash结合在一起的方法
2020/11/13 Python
Python与C/C++的相互调用案例
2021/03/04 Python
意大利会呼吸的鞋:Geox健乐士
2017/02/12 全球购物
北美Newegg打造的全球尖货海购平台:tt海购
2018/09/28 全球购物
日本高岛屋百货购物网站:TAKASHIMAYA
2019/03/24 全球购物
历史专业毕业生的自我鉴定
2013/11/15 职场文书
蔬菜基地的创业计划书
2014/01/06 职场文书
活动策划邀请函
2014/02/06 职场文书
学雷锋活动总结报告
2014/06/26 职场文书
2014党员整改措施思想汇报
2014/10/07 职场文书
2015年城管个人工作总结
2015/05/15 职场文书
JavaScript 反射学习技巧
2021/10/16 Javascript