页面加载时或加载后执行js方法

最新推荐文章于 2025-06-06 12:32:49 发布
原创 最新推荐文章于 2025-06-06 12:32:49 发布 · 1.1k 阅读 · 1 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
收录于
javascript

当前文章被收录于：

javascript
9 篇文章 0 人学习
订阅专栏 查看详情
本文详细解析了JavaScript中页面加载事件及其异步执行机制，包括`window.onload`、`<body onload>`及`defer`属性的用法，并通过示例展示了如何在页面加载完成后执行特定代码。

<script type="text/javascript" defer="true">　//defer加载完页面元素后再执行js，如果不显式声明 defer ，则其默认值 是false
window.onload = setHtml();
function setHtml(){
alert("ok");
}
</script>

或者

<script type="text/javascript" >
window.onload = setHtml();
function setHtml(){
alert("ok");
}
</script>

 可以入在body的最后面执行。

<script type="text/javascript" defer="true">
window.onload = setHtml();
function setHtml(){
 var orgobj=document.getElementById("org");
 orgobj.innerHTML="<font color='red' size='2'>您的企业组织结构代码证、工商营业执照或个人证件附件已经成功提交</font>";
}
</script>

 

body onload

<body onload ="init()">这个例子说明当前页加载完毕后执行 init()这个 function

<script type="text/javascript" >
function init(){
 alert("ok");
}
</script>

标签
#function #button #javascript #null #input
#class
jQuery的.ready()方法：等待所有JavaScript加载完成后执行代码
Book_Sea的博客
10-02 520
总结一下，使用jQuery的.ready()方法可以确保在页面加载完成后执行相应的代码。这对于需要在DOM加载完成后进行操作的情况非常有用，帮助我们在JavaScript开发中更好地控制代码的执行时机。一旦检测到这种情况，就会触发.ready()方法中的回调函数，从而执行其中的代码。需要注意的是，如果页面已经完全加载完成，而你后来才绑定了.ready()方法，那么回调函数将会立即执行。在这个例子中，我们只是简单地在控制台打印了一条消息，但你可以根据自己的需求执行任意的JavaScript操作。
js 延时页面跳转
热门推荐
拉灯的小手的博客
01-28 3万+
本文仅供学习交流使用，如侵立删！联系方式及demo下载见文末 js 延时页面跳转 <script type="text/javascript"> function send(){ alert("转账码制作成功！！！"); window.history.back();//返回上一页 } setTimeout(send,2000);//等待2秒后执行 </script> 本文仅供学习交流使用，如侵立删！ 企鹅 、WX： 1033383881 ...
页面加载完成后，执行JS中方法的几种方式及顺序
u013155797的博客
03-01 3176
在原生js和jquery使用中，经常涉及到页面加载完成后执行js中的某一方法。 通过整理，大概是五种方式（其中有的只是书写方式不一样）： 使用jQuery的$(function){}; 使用jquery的$(document).ready(function(){}); 使用jQuery的$(window).load(function(){}); 使用window.onload = f...
详解Vue.js在页面加载时执行某个方法
10-17
主要介绍了详解Vue.js在页面加载时执行某个方法的实现代码，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
HTML onload事件
Hurry的专栏
11-27 1610
onload
html5页面的生命周期,页面生命周期
weixin_35227213的博客
06-10 1797
#事件或方法功能描述1Init事件页面初始化页面生存周期中的第一个阶段是初始化。当Init事件发生时，在.aspx源文件中静态声明的所有控件都已实例化并取其默认值。应该注意的是，这时视图状态信息还不可用。2LoadViewState方法加载视图状态可以重写LoadViewState方法来自定义状态还原。3LoadPostData方法处理回发数据处理传入窗体数据。4Load事件加载页面页面控件初始化...
JS页面加载时运行
my1989night的专栏
05-21 1万+
方法1 function init(){ document.write("这只是一个测试！"); } 方法2 function init(){ document.write("这只是一个测试！"); } 中加onload事件-->  --------------------------------------  1.文档载入时：当标记和语句放在文档Body段中时，在页面
Servlet的init()方法在什么时候执行
panyyer
02-15 2万+
今天稍微学习了一下 Servlet，Servlet 主要有以下几个方法： 1) destroy() 2) getServletConfig() 3) getServletInfo() 4) init(ServletConfig arg0) 5) service(ServletRequest arg0, ServletResponse arg1)destroy 和 service 方法的调用
js放到head中失效的原因与解决方法
WXLeader的博客
07-11 1891
今天写js碰到一个奇怪的问题，写好的js放到body里面执行，但是放到head中没有任何效果，为什么导致这种原因呢？ 失效代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" con
dom加载完再执行 vue_浅谈Vue.js 关于页面加载完成后执行一个方法的问题
weixin_39975683的博客
12-19 2824
首先我们会想着在mounted或者created里面加入想要执行的方法，但是有的时候会遇到在你执行这个方法的时候，页面还并没有被渲染完成，所以就会出现这个方法在匹配页面标签报错的情况。解决思路：1.通过子页面调用父页面的方法，因为在子页面开始渲染的时候，你的父页面肯定是已经渲染好了的，前提这里的方法中是去找寻父页面的标签。2.直接在本页面监视一个参数，发现参数被初始化了，说明页面也已经加载完成，因...
JS--页面加载完毕后执行
IT利刃出鞘的博客
12-18 2万+
本文用示例介绍JavaScript如何在页面加载完毕之后执行函数。 页面加载完毕主要有两个事件： DOMContentLoaded事件：页面的DOM加载并解析完毕之后触发，不会等待CSS、图片、子框架加载完成。 onload事件：页面的所有资源（DOM、CSS、JS、图片等）加载完毕之后触发。
页面加载完成后执行JS的5种方式
ALEX_wxy的博客
11-09 3万+
在js和jquery使用中，经常使用到页面加载完成后执行某一方法。通过整理，大概是五种方式。 1.jQuery的$( function(){} ); 2.jQuery的$(document).ready( function(){} );前两者本质上没有区别，第1种是第2种的简写方式。两个是document加载完成后就执行方法。 3.jQuery的$(window).load( functio...
html 页面加载完成后执行,js中页面加载完成后执行的几种方法及执行顺序
weixin_30994671的博客
06-04 5457
在js和jquery使用中，经常使用到页面加载完成后执行某一方法。通过整理，大概是五种方式(其中有的只是书写方式不一样)。1：使用jQuery的$(function){};2：使用jquery的$(document).ready(function(){});前两者本质上没有区别，第1种是第2种的简写方式。两个是document加载完成后就执行方法。3：使用jQuery的$(window).load...
js判断页面加载完毕方法【js页面加载后执行的几种方式】
weixin_44624073的博客
06-26 8671
目录 一、纯js方法 二、jquery方法 三、vue中 作用： 一、纯js方法 // (1)、页面所有内容加载完成执行 window.onload = function(){ } // (2)、页面加载完毕 document.onreadystatechange = function(){ if(doucument.readyState == 'complete'){ // 页面加载完毕 } } 二、jquery方法 $(functio.
HTML里的哪一部分Javascript 会在页面加载的时候被执行?
m0_52669454的博客
10-13 1918
HTML里的哪一部分Javascript 会在页面加载的时候被执行?
[转贴]ASP.NET Web 页面生命中的一天
阿赖.NET
06-28 2701
ASP.NET Web 页面生命中的一天 Dino EspositoWintellect 2003 年 8 月 适用于：    Microsoft? ASP.NET 摘要：了解为 ASP.NET Web 页面建立的事件模型，以及 Web 页面转变为 HTML 过程中的各个阶段。ASP.NET HTTP 运行时负责管理对象管道，这些对象首先将请求的 URL 转换成 Page 类的具体实例，然后再将
使用echart的图表中：Initialize failed: invalid dom 之 dom加载出现的问题
Anony_me的博客
06-10 2075
报错原因：Initialize failed: invalid dom 引入 因为在还没加载的时候，option 获取元素，就开始检测，并尝试去获取它，但是在vue中引用的中，发现在模板dom还没加载的时候 就已经开始执行，所以会报错 2、解决办法： 根本原因就是dom没加载，echarts没有检测到dom，那么我就让dom加载后再去获取dom，就把echarts.init()这部分数据放在onMounted里面执行，也就是挂载完成之后执行...
layui页面动态元素没有渲染出来的解决方案
firstcode666的博客
12-15 1968
关于layui页面动态元素没有渲染出来的解决方案 本文主要介绍angluarJS与layui整合使用过程中页面加载时一些动态元素没有显示出来的解决办法。 1、首先在对应的JS文件中自定义repeatFinish指令 在js的末尾自定义repeatFinish指令，需要结合html中的repeat-finish标签来使用，用于监听列表数据渲染完毕的状态。 // An highlighted block App.directive('repeatFinish', function () { ret...
在网页加载时自动运行js的方法（2025最新）
最新发布
qq_44136882的博客
06-06 1016
网页加载时自动运行JavaScript的常用方法包括：1.通过DOMContentLoaded事件在HTML解析完成后触发；2.使用window.onload等待所有资源加载完成；3.将脚本放在body末尾直接执行；4.使用defer属性延迟执行或async属性异步加载；5.采用IIFE立即执行函数；6.利用Vue的mounted钩子或React的useEffect等框架生命周期方法。需注意不同方法的触发时机和性能影响，DOMContentLoaded比window.onload更快触发但不等候资源加载，d
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值