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 相关文章推荐
10个基于Jquery的幻灯片插件教程
Oct 29 Javascript
一个基于jquery的文本框记数器
Sep 19 Javascript
jquery实现树形菜单完整代码
Dec 29 Javascript
通过jquery实现页面的动画效果(实例代码)
Sep 18 Javascript
微信小程序 input输入框详解及简单实例
Jan 10 Javascript
Bootstrap table简单使用总结
Feb 15 Javascript
原生JS实现列表子元素顺序反转的方法分析
Jul 02 Javascript
微信小程序首页的分类功能和搜索功能的实现思路及代码详解
Sep 11 Javascript
深入探讨JavaScript的最基本部分之执行上下文
Feb 12 Javascript
简单通过settimeout看javascript的运行机制
May 10 Javascript
vue props对象validator自定义函数实例
Nov 13 Javascript
二维码条形码生成的JavaScript脚本库
Jul 07 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
2020年4月放送!《Princess Connect Re:Dive》制作组 & 角色声优公开!
2020/03/06 日漫
德生9700DX电路分析
2021/03/02 无线电
ThinkPHP与PHPExcel冲突解决方法
2011/08/08 PHP
PHP面向对象编程之深入理解方法重载与方法覆盖(多态)
2015/12/24 PHP
JavaScript delete操作符应用实例
2009/01/13 Javascript
javascript深入理解js闭包
2010/07/03 Javascript
JavaScript学习点滴 call、apply的区别
2010/10/22 Javascript
基于jquery跨浏览器显示的file上传控件
2011/10/24 Javascript
将nodejs打包工具整合到鼠标右键的方法
2013/05/11 NodeJs
教你如何自定义百度分享插件以及bshare分享插件的分享按钮
2014/06/20 Javascript
jQuery预加载图片常用方法
2015/06/15 Javascript
jQuery 跨域访问解决原理案例详解
2016/07/09 Javascript
微信小程序 动态绑定数据及动态事件处理
2017/03/14 Javascript
详解JavaScript基础知识(JSON、Function对象、原型、引用类型)
2018/01/16 Javascript
VUE2.0 ElementUI2.0表格el-table自适应高度的实现方法
2018/11/28 Javascript
Vue+Element实现表格编辑、删除、以及新增行的最优方法
2019/05/28 Javascript
vue绑定数字类型 value为数字的实例
2020/08/31 Javascript
Vue通过provide inject实现组件通信
2020/09/03 Javascript
Python使用scrapy采集时伪装成HTTP/1.1的方法
2015/04/08 Python
详解pandas删除缺失数据(pd.dropna()方法)
2019/06/25 Python
使用python来调用CAN通讯的DLL实现方法
2019/07/03 Python
Python绘制热力图示例
2019/09/27 Python
Django模板标签{% for %}循环,获取制定条数据实例
2020/05/14 Python
HTML5中FileReader接口使用方法实例详解
2017/08/26 HTML / CSS
大码女装:Ulla Popken
2019/08/06 全球购物
说一下Linux下有关用户和组管理的命令
2016/01/04 面试题
2014年化验室工作总结
2014/11/21 职场文书
门面房租房协议书
2014/12/01 职场文书
琅琊山导游词
2015/02/05 职场文书
交通安全温馨提示语
2015/07/14 职场文书
医院中层管理人员培训心得体会
2016/01/11 职场文书
2016师德师风学习心得体会
2016/01/12 职场文书
普希金的诗歌赏析(3首)
2019/08/20 职场文书
SpringCloud的JPA连接PostgreSql的教程
2021/06/26 Java/Android
Django+Nginx+uWSGI 定时任务的实现方法
2022/01/22 Python
口袋妖怪冰系十大最强精灵,几何雪花排第七,第六类似北极熊
2022/03/18 日漫