网页中JavaScript自动执行的三种方式

最新推荐文章于 2026-05-24 16:35:30 发布
原创 最新推荐文章于 2026-05-24 16:35:30 发布 · 1k 阅读 · 2 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文介绍三种方法实现网页加载完成时自动执行JavaScript函数，包括利用window.onload事件、body的onLoad属性及setTimeout定时器。

　在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实现在页面加载完成后自动执行某个函数
希望我的博客，能帮上你解决学习中工作中所遇到的问题
11-01 1874
javascript实现在页面加载完成后自动执行某个函数
javascript脚本怎么运行,javascript脚本怎么用
chatgpt001的博客
11-09 987
这篇文章主要介绍了javascript脚本怎么运行，具有一定借鉴价值，需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获，下面让小编带着大家一起了解一下。为大家介绍如何在Web浏览器中运行JavaScript代码。首先，让我们来了解一下JavaScript是什么。JavaScript是一种编程语言，它广泛用于Web开发中，可以让我们在网页上添加动态效果、交互性和动画等等。如果你想在Web浏览器中运行JavaScript代码，你需要先在浏览器中安装JavaScript引擎。
页面打开自动加载js的三种方法
水月灯花的博客
10-22 3165
1、使用定时器 设置定时器的时间为0，就可以加载定义的js代码 首先定义一个方法，然后定义一个定时器，设置时间为0,调用这个方法，页面加载就会执行 function xxx(){ js代码 } setInterval(function () { xxx()方法 }, 0); 2、最严谨的页面加载完再执行方法的方法。 window.onload = function () {...
AWS Lambda入门实战：从事件驱动思维到生产级部署
最新发布
weixin_33744854的博客
05-24 474
无服务器计算（Serverless）是一种将应用逻辑与基础设施解耦的现代架构范式，其核心在于以事件为触发源、按需执行、自动伸缩。AWS Lambda作为该范式的典型实现，通过函数即服务（FaaS）模型，让开发者聚焦业务代码而非运维细节。理解其冷启动机制、执行角色（IAM）最小权限设计、API Gateway事件结构及版本化发布流程，是构建可靠Serverless应用的技术基础。尤其对前端工程师、初创团队和运维转型者而言，Lambda显著降低后端交付门槛，同时要求思维从‘管理服务器’转向‘编排事件流’。本文基
【面试题-HTML】script标签执行时机，defer和async属性理解
HYY的博客
04-15 3816
defer与async区别1. 执行时机：具有defer属性的script标签在HTML文档解析完毕后，DOMContentLoaded事件调用前执行。具有async属性的script标签在加载完毕后就执行。 2. 执行顺序：​​​​​​​defer确保script标签的执行依旧有序。async可能会导致乱序。 3. 作用范围：defer不支持内联script标签。async支持内联script标签。 4. 引入时间：defer是HTML4.0引入的。async是HTML5.0引入的
JS中alert的三种使用方式
热门推荐
qq_45240701的博客
06-14 10万+
JS中的alert，作用是在浏览器中弹出一个警告框。 而使用alert，有三种方式，不同的方式，所呈现的效果也不相同。 第一种方式：直接写在script标签中 代码如下： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> &l...
❗HTML引入JavaScript的三种常用方式汇总❗
YXXXYX的博客
10-13 7万+
引言 JavaScript是一门脚本语言，虽然名字里有Java，但是和Java没有一点关系，它原名是LiveScript；现在的前端JavaScript可以说是异常火爆，但是博主本人并不准备向前端发展，但是对前端的一些基础知识还是必须有所了解的； 上一篇博客：❗HTML引入CSS的三种常用方式汇总❗ 已经介绍了HTML嵌入CSS的三种方式，这里就来介绍HTML如何嵌入JavaScript； ps：由于作者规划以后往java后端发展，所以对于前端的知识只是了解了部分主要内容，以应用为主，所以如果有错误请各位及
JavaScript的三种引入的方式
2301_78753262的博客
01-01 2826
JavaScript的三种引入的方式
在网页中JS函数自动执行常用三种方法
moonhillcity的博客
10-21 1427
本文为大家分享了在网页中JS函数自动执行常用方法，供大家参考，具体内容如下 一、JS方法 1.最简单的调用方式，直接写到html的body标签里面： ? 1 2 body onload="myfunction()"> html> body onload="func1();func2();func3();"
JavaScript 打开页面就执行
每天进步一点点 时间会让你成为巨人
10-26 1万+
打开页面就执行JS          alert("打开页面就执行的代码!");              function window_onload() {        alert("页面加载完毕后才执行的代码!");      }             IE对页面的解释是逐行的.
JavaScript 页面自动执行（加载）js的几种方法
wzp6010625的博客
11-15 1万+
一、JS方法1.最简单的调用方式，直接写到html的body标签里面：<html> <body onload="func1();func2();func3();"></body> </html>2.在JS语句调用：<script type="text/javascript"> 　　function myfun(){ 　　 　　 alert("this window.onload");
页面自动执行（加载）js的几种方法
yuanxun05的专栏
04-16 1364
一、JS方法 1.最简单的调用方式，直接写到html的body标签里面： 1 2 body onload="myfunction()"> html> body onload="func1();func2();func3();"> body> html> 2.在JS语句调用： 1
页面加载后自动执行js的几种方法
吾行远方
08-29 3927
一、JS方法 1、直接写到html的body标签里面： load是自动执行的方法名 <body onload="load();"> </body> 2、在JS语句调用： <script type="text/javascript"> function load() 　　{ 　　 alert("自动执行load()"); 　　 } 　　 ...
web自动化测试-执行 JavaScript 脚本
软件测试技术交流分享
10-12 398
Selenium 可以通过 execute_script() 来执行 JavaScript 脚本。
JavaScript自执行函数：用途、好处
TianXuab的博客
12-14 1930
JavaScript中的自执行函数是一个常见的编程技巧，它可以在特定的场景中发挥重要作用。本文将介绍自执行函数的用途、好处，并提供代码示例进行说明。
让网页中的Java Script代码自动执行的三种方法
Bob的博客
04-18 7603
转自：开源中国--柠檬酷 整理：Bob 在网页中JS函数自动执行常用三种方法： 　　在HTML中的Head区域中，有如下函数：  LANGUAGE = "JavaScript">   　　functionn MyAutoRun() 　　{   　　　//以下是您的函数的代码，请自行修改先！ 　　　alert("函数自动执行哦！");   　　}
JavaScript的自动执行事件
随着我的成长，我明白了学到老活到老的道理，学习是快乐的！感谢我的粉丝们，我会把我所学的内容，认真整理好供大家参看
01-10 535
自动执行事件，很方便，能做电子时钟、倒计时等内容
打开网页就运行js方法
07-08 1万+
打开网页就运行js方法js方法<html> <head> </head> <body> <script type = "text/javascript"> window.onload = function() { alert("hello"); } </script> </body
JavaScript 自动执行函数工作原理
老杨头的博客
06-20 1114
自动执行函数有多种叫法：立即执行方法、立即调用表达式、自动匿名函数等等。 自动执行函数 Immediately Invoked Function Expressions (IIFEs)是 存在于JavaScript 文件头部和尾部的函数的一种包裹函数。JavaScript 自动执行函数工作原理介绍...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值