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 CSS画图之基础篇
Jul 29 Javascript
JS 文件大小判断的实现代码
Apr 07 Javascript
利用jQuery插件扩展识别浏览器内核与外壳的类型和版本的实现代码
Oct 22 Javascript
jQuery()方法的第二个参数详解
Apr 29 Javascript
jQuery带时间的日期控件代码分享
Aug 26 Javascript
javascript特效实现——当前时间和倒计时效果的简单实例
Jul 20 Javascript
jQuery选择器特殊字符与属性空格问题
Aug 14 jQuery
在 Node.js 中使用原生 ES 模块方法解析
Sep 19 Javascript
详解vue-router数据加载与缓存使用总结
Oct 29 Javascript
微信小程序云开发如何使用npm安装依赖
May 18 Javascript
微信小程序 checkbox使用实例解析
Sep 09 Javascript
vue 实现tab切换保持数据状态
Jul 21 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
全文搜索和替换
2006/10/09 PHP
php强制用户转向www域名的方法
2015/06/19 PHP
Nginx服务器上安装并配置PHPMyAdmin的教程
2015/08/18 PHP
PHP 自动加载类原理与用法实例分析
2020/04/14 PHP
javascript编程起步(第六课)
2007/02/27 Javascript
input、button的不同type值在ajax提交表单时导致的陷阱
2009/02/24 Javascript
Javascript insertAfter() 实现函数代码
2011/10/12 Javascript
利用JS实现浏览器的title闪烁
2013/07/08 Javascript
extjs_02_grid显示本地数据、显示跨域数据
2014/06/23 Javascript
JavaScript的History API使搜索引擎抓取AJAX内容
2015/12/07 Javascript
JavaScript的设计模式经典之代理模式
2016/02/24 Javascript
懒加载实现的分页&amp;&amp;网站footer自适应
2016/12/21 Javascript
JS实现线性表的顺序表示方法示例【经典数据结构】
2017/04/11 Javascript
微信小程序自定义toast实现方法详解【附demo源码下载】
2017/11/28 Javascript
Angular2.0/4.0 使用Echarts图表的示例代码
2017/12/07 Javascript
一个Vue视频媒体多段裁剪组件的实现示例
2018/08/09 Javascript
Windows下Node爬虫神器Puppeteer安装记
2019/01/09 Javascript
微信小程序的注册页面包含倒计时验证码、获取用户信息
2019/05/22 Javascript
Electron + vue 打包桌面操作流程详解
2019/06/24 Javascript
详解如何修改 node_modules 里的文件
2020/05/22 Javascript
npm ci命令的基本使用方法
2020/09/20 Javascript
python脚本替换指定行实现步骤
2017/07/11 Python
Python 使用with上下文实现计时功能
2018/03/09 Python
对pandas的算术运算和数据对齐实例详解
2018/12/22 Python
Python使用dict.fromkeys()快速生成一个字典示例
2019/04/24 Python
python地震数据可视化详解
2019/06/18 Python
简单了解Django ContentType内置组件
2019/07/23 Python
python中利用numpy.array()实现俩个数值列表的对应相加方法
2019/08/26 Python
Python守护进程实现过程详解
2020/02/10 Python
美国巧克力喷泉品牌:Sephra
2019/05/05 全球购物
大专自我鉴定范文
2013/10/01 职场文书
环保倡议书怎么写
2014/05/16 职场文书
建筑安全标语
2014/06/07 职场文书
学校督导评估方案
2014/06/10 职场文书
购房委托书范本
2014/09/18 职场文书
2017年寒假少先队活动总结
2016/04/06 职场文书