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 相关文章推荐
JavaScript访问样式表代码
Oct 15 Javascript
jquery选择器大全 全面详解jquery选择器
Mar 06 Javascript
js实现数组转换成json
Jun 26 Javascript
JS将网址url转化为JSON格式的方法
Jul 02 Javascript
开发用到的js封装方法(20种)
Oct 12 Javascript
浅析Angular 实现一个repeat指令的方法
Jul 21 Javascript
解决包含在label标签下的checkbox在ie8及以下版本点击事件无效果兼容的问题
Oct 27 Javascript
vue data恢复初始化数据的实现方法
Oct 31 Javascript
在vue中使用echars实现上浮与下钻效果
Nov 08 Javascript
vue的三种图片引入方式代码实例
Nov 19 Javascript
vant-ui框架的一个bug(解决切换后onload不触发)
Nov 11 Javascript
解决vue-cli输入命令vue ui没效果的问题
Nov 17 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 分页类实现代码
2009/12/03 PHP
LotusPhp笔记之:Logger组件的使用方法
2013/05/06 PHP
使用php统计字符串中中英文字符的个数
2013/06/23 PHP
php的ddos攻击解决方法
2015/01/08 PHP
php银联网页支付实现方法
2015/03/04 PHP
学习php设计模式 php实现抽象工厂模式
2015/12/07 PHP
php安装ssh2扩展的方法【Linux平台】
2016/07/20 PHP
PHP将英文数字转换为阿拉伯数字实例讲解
2019/01/28 PHP
JavaScript 封装Ajax传递的数据代码
2009/06/05 Javascript
给jQuery方法添加回调函数一款插件的应用
2013/01/21 Javascript
jquery ajax post提交数据乱码
2013/11/05 Javascript
使用原生JS实现弹出层特效
2014/12/22 Javascript
jQuery实现的支持IE的html滑动条
2015/03/16 Javascript
jQuery实现按钮只点击一次后就取消点击事件绑定的方法
2015/06/26 Javascript
jquery请求servlet实现ajax异步请求的示例
2017/06/03 jQuery
分享ES6的7个实用技巧
2018/01/18 Javascript
JavaScript中的回调函数实例讲解
2019/01/27 Javascript
javascript设计模式 ? 桥接模式原理与应用实例分析
2020/04/13 Javascript
Python版的文曲星猜数字游戏代码
2013/09/02 Python
Python中lambda的用法及其与def的区别解析
2014/07/28 Python
Python中的super用法详解
2015/05/28 Python
浅谈numpy中linspace的用法 (等差数列创建函数)
2017/06/07 Python
Python基于socket实现简单的即时通讯功能示例
2018/01/16 Python
教你用Python创建微信聊天机器人
2020/03/31 Python
Django分页功能的实现代码详解
2019/07/29 Python
Python绘制二维曲线的日常应用详解
2019/12/04 Python
在keras中获取某一层上的feature map实例
2020/01/24 Python
Django 再谈一谈json序列化
2020/03/16 Python
Python3+Appium安装及Appium模拟微信登录方法详解
2021/02/16 Python
Staples英国官方网站:办公用品一站式采购
2017/10/06 全球购物
大学老师推荐信
2014/02/25 职场文书
彩妆大赛策划方案
2014/05/13 职场文书
中学生旷课检讨书模板
2014/10/08 职场文书
2016七夕情人节感言
2015/12/09 职场文书
国庆节到了,利用JS实现一个生成国庆风头像的小工具 详解实现过程
2021/10/05 Javascript
Redis 操作多个数据库的配置的方法实现
2022/03/23 Redis