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 相关文章推荐
让网页根据不同IE版本显示不同的内容
Feb 08 Javascript
Javascript setInterval的两种调用方法(实例讲解)
Nov 29 Javascript
javascript获取当前的时间戳的方法汇总
Jul 26 Javascript
js支持键盘控制的左右切换立体式图片轮播效果代码分享
Aug 26 Javascript
smartcrop.js智能图片裁剪库
Oct 14 Javascript
Bootstrap每天必学之响应式导航、轮播图
Apr 25 Javascript
Bootstrap3制作图片轮播效果
May 12 Javascript
微信小程序入门教程
Nov 18 Javascript
通过循环优化 JavaScript 程序
Jun 24 Javascript
使用vue引入maptalks地图及聚合效果的实现
Aug 10 Javascript
如何管理Vue中的缓存页面
Feb 06 Vue.js
vue实现简单数据双向绑定
Apr 28 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
PHP 程序员也要学会使用“异常”
2009/06/16 PHP
php中长文章分页显示实现代码
2012/09/29 PHP
PHP+MySQL插入操作实例
2015/01/21 PHP
php如何控制用户对图片的访问 PHP禁止图片盗链
2016/03/25 PHP
PHP面向对象之领域模型+数据映射器实例(分析)
2017/06/21 PHP
详解php中serialize()和unserialize()函数
2017/07/08 PHP
php使用QueryList轻松采集js动态渲染页面方法
2018/09/11 PHP
php设计模式之组合模式实例详解【星际争霸游戏案例】
2020/03/27 PHP
麦鸡的TAB切换功能结合了javascript和css
2007/12/17 Javascript
JQuery扩展插件Validate—6 radio、checkbox、select的验证
2011/09/05 Javascript
js nextSibling属性和previousSibling属性概述及使用注意
2013/02/16 Javascript
如何减少浏览器的reflow和repaint
2015/02/26 Javascript
js实现超简单的展开、折叠目录代码
2015/08/28 Javascript
浅谈jQuery为哪般去掉了浏览器检测
2016/08/29 Javascript
快速了解Node中的Stream流是什么
2019/02/13 Javascript
Vue项目从webpack3.x升级webpack4不完全指南
2019/04/28 Javascript
微信小程序如何实现精确的日期时间选择器
2020/01/21 Javascript
python计算牛顿迭代多项式实例分析
2015/05/07 Python
Python调用C++程序的方法详解
2017/01/24 Python
python的staticmethod与classmethod实现实例代码
2018/02/11 Python
Python安装Flask环境及简单应用示例
2019/05/03 Python
django连接mysql数据库及建表操作实例详解
2019/12/10 Python
详解python 降级到3.6终极解决方案
2020/02/06 Python
wxpython自定义下拉列表框过程图解
2020/02/14 Python
Python命名空间namespace及作用域原理解析
2020/06/05 Python
美国电视购物:QVC
2017/02/06 全球购物
Lookfantastic澳大利亚官网:英国知名美妆购物网站
2021/01/07 全球购物
亚洲最大的运动鞋寄售店:KicksCrew
2020/11/26 全球购物
路政管理专业推荐信
2013/11/11 职场文书
行政总监岗位职责
2013/12/05 职场文书
优秀小学生事迹材料
2014/12/26 职场文书
2015年化验室工作总结
2015/04/23 职场文书
《赵州桥》教学反思
2016/02/17 职场文书
导游词之南京汤山温泉
2019/11/26 职场文书
pandas 操作 Excel操作总结
2021/03/31 Python
关于golang高并发的实现与注意事项说明
2021/05/08 Golang