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 相关文章推荐
JS 有名函数表达式全面解析
Mar 19 Javascript
jquery实现邮箱自动补全功能示例分享
Feb 17 Javascript
js定时器(执行一次、重复执行)
Mar 07 Javascript
Javascript基础教程之变量
Jan 18 Javascript
jquery实现图片预加载
Dec 25 Javascript
JavaScript实现解析INI文件内容的方法
Nov 17 Javascript
vue.js项目中实用的小技巧汇总
Nov 29 Javascript
javascript深拷贝、浅拷贝和循环引用深入理解
May 27 Javascript
详解JavaScript添加给定的标签选项
Sep 17 Javascript
利用d3.js力导布局绘制资源拓扑图实例教程
Jan 08 Javascript
配置一个vue3.0项目的完整步骤
Apr 26 Javascript
js之ajax文件上传
May 13 Javascript
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 HTML代码串截取代码
2008/12/29 PHP
PHP实现的sqlite数据库连接类
2014/12/12 PHP
让你的PHP7更快之Hugepage用法分析
2016/05/31 PHP
给Javascript数组插入一条记录的代码
2007/08/30 Javascript
关于JS控制代码暂停的实现方法分享
2012/10/11 Javascript
JS清空多文本框、文本域示例代码
2014/02/24 Javascript
JS获取网页属性包括宽、高等等
2014/04/03 Javascript
把文本中的URL地址转换为可点击链接的JavaScript、PHP自定义函数
2014/07/29 Javascript
详解JavaScript的Date对象(制作简易钟表)
2020/04/07 Javascript
nodejs修复ipa处理过的png图片
2016/02/17 NodeJs
Js删除数组中某一项或几项的几种方法(推荐)
2016/07/27 Javascript
jQuery的 $.ajax防止重复提交的两种方法(推荐)
2016/10/14 Javascript
浅谈js for循环输出i为同一值的问题
2017/03/01 Javascript
ReactNative实现图片上传功能的示例代码
2017/07/11 Javascript
jquery实现倒计时小应用
2017/09/19 jQuery
fetch 使用及如何接收JS传值
2017/11/11 Javascript
nodejs实现简单的gulp打包
2017/12/21 NodeJs
Vue 创建组件的两种方法小结(必看)
2018/02/23 Javascript
使用typescript开发angular模块并发布npm包
2018/04/19 Javascript
搭建一个Koa后端项目脚手架的方法步骤
2019/05/30 Javascript
微信小程序实现圆形进度条动画
2020/11/18 Javascript
javascript中call,apply,callee,caller用法实例分析
2019/07/24 Javascript
nodejs一个简单的文件服务器的创建方法
2019/09/13 NodeJs
写一个Vue loading 插件
2020/11/09 Javascript
微信小程序反编译的实现
2020/12/10 Javascript
Python中一些深不见底的“坑”
2019/06/12 Python
python 6.7 编写printTable()函数表格打印(完整代码)
2020/03/25 Python
使用html5+css3来实现slider切换效果告别javascript+css
2013/01/08 HTML / CSS
使用分层画布来优化HTML5渲染的教程
2015/05/08 HTML / CSS
网站编辑求职信
2013/10/17 职场文书
甲方资料员岗位职责
2013/12/13 职场文书
手术室护士长竞聘书
2014/03/31 职场文书
食品工程专业求职信
2014/06/15 职场文书
申报材料格式
2014/12/30 职场文书
Python opencv缺陷检测的实现及问题解决
2021/04/24 Python
Oracle设置DB、监听和EM开机启动的方法
2021/04/25 Oracle