在页面完全加载后执行JS【转】

JS页面加载完毕后执行的多种方式和比较 做项目的时候可能会遇到这种情况: 一个页面的<body>中定义了多个onload事件,那么在此定义window.onload函数的时候可能会不生效或者多个onload之间覆盖的现象. 有的朋友肯定会说用jQuery的$(document).ready(function(){})(它的另外两种写法:$(document).ready(function(){})和$(function(){}) 阅读详情
 defer="defer"

可以是以下几种  
<body onload="function name()" > </body >  
<script >window.onload=function name </script >  
<script language="javascript" for="window" event="onload" >function name(); </script >  

第二种只能写入一个函数,而且无法给变量,其中最好用的是最后一种,可以独立写出来,怎么写都行。


-------------------------------------------------------------------------------------

第二种只能写入一个函数-->可以这么做:

1.匿名函数:
window.onload=function()
{
  func_a();//函数a
  func_b();//函数b
  func_c();//函数c
}
2.创建addLoadEvent函数:

function addLoadEvent(func)
{
  var oldOnload=window.onload;
  if(typeof window.onload !='function')
  {
  window.onload=func;
  }
  else
  {
  window.onload=function()
  {
  oldOnload();
  func();
  }
  }
}

以下开始调用
比如有函数func_a(),func_b(),func_c(),则:
addLoadEvent(func_a);
addLoadEvent(func_b);
addLoadEvent(func_c);

该函数由Simon Willison编写,它只有一个参数,该参数表示被调用的函数名(在页面加载完毕时执行的函数的名字).



如果还要图片、框架等所有东西加载完再去执行某JS,用这个判断:

<script language="javascript" type="text/javascript">

if(document.readyState=="complete"){aa();}

function aa(){你要执行的代码}

</script>

ZEMAX优化方法---【Zemax学习】 在光学系统自动设计中,优化设计是光学设计中的重要阶段,也是ZEMAX软件的核心功能,涉及评价函数、权因子、阻尼因子等重要概念。在常用的阻尼最小二乘法优化设计的基础上,ZEMAX给我们提供了三种优化选择:Optimization(局部优化)、Global Search(全局优化)和 Hammer Optimization(锤形优化)。 阅读详情

相关推荐

二维“能量源”(电场、磁场、功率)入射边界设置方法

comsol光学仿真设计相关学习笔记和经验 1. 二维“能量源”(电场、磁场、功率)入射边界设置方法 2.边界条件设置薄膜材料

VJCP_90909Bu0的博客 5193

等待JS加载完成后执行方法

loadScript:function(src, callback) { layer.load(2); var script = document.createElement('script'), head = document.getElementsByTagName('head')[0]; ...

luo381821的博客 4878

Ubuntu 24.04 + RTX 5090 部署 OpenVLA-OFT:从环境配置到机器人任务评估实战

本文详细记录了在Ubuntu 24.04 LTS系统上,为全新RTX 5090显卡配置CUDA 12.8+与PyTorch 2.7.1+开发环境,并成功部署OpenVLA-OFT视觉语言模型进行机器人任务评估的完整实战流程。文章重点解决了驱动安装、依赖版本冲突、路径设置等核心难题,为在最新硬件上运行先进AI机器人模型提供了可靠的避坑指南和性能观察。

n8m7b6v5c4的博客 595

探究客户端浏览器分辨率的自适应问题(如何使网站脚本自动适应客户端分辨率)(2)

有人建议直接使用JavaScript方式(感谢jack4811(这么简单还问,楼下的告诉他 ( ̄へ ̄|||) ):function mHref() {if (screen.width == 1024) location.href = "htm2.htm";else if (screen.width == 800) location.href = "htm1.htm";else return(fal

祝紫山(大可山人)博客[GDI+,WPF, .Net图形图像] 3188

射频捷变收发器(RF Agile Transceiver) 国内外产品的现状、发展趋势及对比分析2

由于通信系统的研究、设计和实现的巨大进步,RF(射频)设备的新时代正在到来。特别是,随着通信、航空航天和防务以及高速仪器仪表、物联网(IoT)和协作传感器网络(CSN)的发展,以实现宽带高速通信,移动通信中频谱上不断增加的数据量要求而采用新颖的解决方案,以动态方式满足流量交换。然而,当前最先进的技术和设备需要一个合理的成熟时间来满足当前和即将到来的通信标准。

legendddh的博客 2609

UCIe相关开源项目记录

目前找到的和UCIe协议有关的5个开源项目,如果也有正在做的朋友,欢迎私信交流

m0_64102565的博客 823

html 中页面的加载顺序以及window.onload 与body 标签里面的onload事件的对比

html 中页面的加载顺序以及window.onload 与body 标签里面的onload事件的对比。 情况一:head 、body 以及body 外面的window.onload采用匿名方法。 onload 的顺序判断 /** * 加载页面 Body */ function loadBody(){ console.log("load

《春馨梦》的专栏 1万+

台达B3伺服电机485通讯的调试过程

最近上了一项目,没办法直接把B3伺服接到PLC上去,怎么办?偶说试下直接电脑通过100多米的485线控制好了,定型前的测试就这样展开了。 1、焊CN1口 如果不安装CN1,是开不了机的,要报很多错误,比如SERV EMG ALERT, 上限报警,下限报警什么的,怎么办?直接焊好CN1头子吧,烦了点,但是必要的。 主要接的是11,9,10,32,31,30几个脚,按照图上连接好就是了。 2、 接线路 按照上面的图,接上伺服电机线,编码器线,电源线,包括限位常闭开关、485连线等,就完..

shidong01的博客 1万+

关于JSP中<body onload="fun()">body标签中onload中函数不执行问题

问题描述:   在一个页面中,我们经常会初始化一下数据,而且会在指定的DOM元素初始化数据,这时候我们就会使用<body onload="fun()">来加载我们的数据。onload指的是在所有的DOM元素都加载完成才会执行JS函数,这为我们初始化动态的加载数据提供很大的帮助。但是有时候我们会发现,<body onload="fun()">中的fun()函数有时候会不执行...

weixin_33772645的博客 2167

16、二阶差分功耗分析(DPA)的再审视

本文深入探讨了二阶差分功耗分析(DPA)中的关键问题,包括不同组合函数的性能、信息论分析以及在有轮廓和无轮廓攻击场景下的实验结果。通过对掩码AES和DES的模拟和实际攻击实验,研究了归一化乘积、求和和绝对差值等组合函数在不同噪声水平下的效率,并强调了信息论分析在评估侧信道对抗措施中的重要性。

leaf8的博客 119

YOLOv11改进 | 模型知识蒸馏篇 | 利用模型蒸馏改进YOLOv11进行无损涨点 | 在线蒸馏 (附代码 + 完整文件 + 解析教程)

这篇文章给大家带来的最新改进是模型的蒸馏,利用教师模型指导学生模型从而进行模型的涨点,本文的内容不仅可以用于论文中,在目前的绝大多数的工作中模型蒸馏是一项非常重要的技术,所以大家可以仔细学习一下本文的内容,本文从YOLOv11的项目文件为例,进行详细的修改教程,文章内包括完整的修改教程,针对小白我出了视频修改教程,如果你还不会我提供了修改后的文件大家直接运行即可,所以说不用担心不会适用!模型蒸馏真正的无损涨点,蒸馏你只看这一篇文章就足够了,本文内容为在线蒸馏教程,之前的文章为离线蒸馏!

Snu77的博客 2667

onload()方法只能在body标签中调用吗?怎么调用多个多个方法?

第一个问题: onload()方法并非只能在body标签中调用的,还可以在js中用window.onload = function() {函数名};来调用;另外img等标签也支持onload方法。 支持onload方法的标签有:<body>, <frame>, <frameset>, <iframe>, <img>, &lt...

weixin_30267785的博客 991

基于Simulink的超级电容与锂电池混合储能协调控制仿真

摘要:本文介绍基于Simulink的光伏-混合储能系统(HESS)建模与仿真方法,通过超级电容和锂电池的协同控制实现功率平抑。系统采用直流耦合架构,利用一阶低通滤波法将总功率分解为低频(锂电池承担)和高频分量(超级电容承担),并设计SOC自平衡机制维持超级电容工作点。仿真结果表明,该方案可使锂电池电流波动降低62%,光伏功率波动率降至7.5%,有效延长电池寿命。文章详细展示了从主电路搭建、功率分配到闭环控制的完整实现步骤,为新能源系统储能优化提供实用参考。

amy_mhd的博客 136

[转]在页面完全加载后执行JS

Script中的Defer属性 如果你是一个对系统性能比较关心和在意的人,我想你应该会对Script脚本中的defer属性感兴趣的。script中的defer属性默认情况下是false的。按照DHTML编程宝典中的描述,对于Defer属性是这样写的:Using the attribute at design time can improve the download performan...

weixin_30819085的博客 76

假人有限元模型

假人模型,车辆碰撞假人有限元模型,适合做乘员安全的研究者利用

VC中sqlite的使用

在VC中对sqlite的使用,实现数据库大批数据的快速插入,读取数据库中的数据在ListCtrl中显示

JS--页面加载完毕后执行

本文用示例介绍JavaScript如何在页面加载完毕之后执行函数。 页面加载完毕主要有两个事件: DOMContentLoaded事件:页面的DOM加载并解析完毕之后触发,不会等待CSS、图片、子框架加载完成。 onload事件:页面的所有资源(DOM、CSS、JS、图片等)加载完毕之后触发。

IT利刃出鞘的博客 2万+

文档:亲测可用解决vnc灰屏,黑屏,鼠标大黑叉情况

主要解决vnc-viewer灰屏,黑屏,鼠标大黑叉等现象,详细见文档。

页面加载完成后执行JS的5种方式

在js和jquery使用中,经常使用到页面加载完成后执行某一方法。通过整理,大概是五种方式。 1.jQuery的$( function(){} ); 2.jQuery的$(document).ready( function(){} );前两者本质上没有区别,第1种是第2种的简写方式。两个是document加载完成后就执行方法。 3.jQuery的$(window).load( functio...

ALEX_wxy的博客 3万+

ssm框架搭建

这个是一个在idea上成功跑起来的ssm框架项目,保存在这里方便以后使用直接下载

html 页面加载完成后执行,js中页面加载完成后执行的几种方法及执行顺序

在js和jquery使用中,经常使用到页面加载完成后执行某一方法。通过整理,大概是五种方式(其中有的只是书写方式不一样)。1:使用jQuery的$(function){};2:使用jquery的$(document).ready(function(){});前两者本质上没有区别,第1种是第2种的简写方式。两个是document加载完成后就执行方法。3:使用jQuery的$(window).load...

weixin_30994671的博客 5460

[03]Web前端进阶—JS页面加载后执行事件

有单独的html页面里面写js代码的问题,js在什么时候运行好"DOMContentLoaded"事件:页面的DOM加载并解析完毕之后触发JS代码,不会等待图片,css等资源的加载。“onload事件”:页面所有资源加载完毕时触发JS代码。

Π指针 2010

js判断页面加载完毕方法【js页面加载后执行的几种方式】

目录 一、纯js方法 二、jquery方法 三、vue中 作用: 一、纯js方法 // (1)、页面所有内容加载完成执行 window.onload = function(){ } // (2)、页面加载完毕 document.onreadystatechange = function(){ if(doucument.readyState == 'complete'){ // 页面加载完毕 } } 二、jquery方法 $(functio.

weixin_44624073的博客 8688

页面加载完成后执行JS的方式

页面加载完成后执行JS的方式 总结几种页面加载完成以后再执行当前js文件的方式:

橙-极纪元-JJYCheng 1万+

当jsp页面完全加载完成后执行一个js函数

当jsp页面完全加载完成后执行一个js函数

qq_43685588的博客 835

js中页面加载完成后执行的几种方法及顺序

1:使用jQuery的$(function){}; 2:使用jquery的$(document).ready(function(){});前两者本质上没有区别,第1种是第2种的简写方式。两个是document加载完成后就执行方法。 3:使用jQuery的$(window).load(function(){}); 4:使用window.onload = function(){} 第3种和第4种都是等到整个window加载完成执行方法体。两者也没有区别,只是一个使用dom对象,一个使用jQuery对象。 5:在

Yimi_7809的博客 870

页面加载后自动执行js的几种方法

一、JS方法 1、直接写到html的body标签里面: load是自动执行的方法名 <body onload="load();"> </body> 2、在JS语句调用: <script type="text/javascript"> function load()   {    alert("自动执行load()");    }    ...

吾行远方 3941

js中页面加载完成后执行的几种方式及执行顺序

执行顺序由先到后 1、document加载完成后就执行 $(document).ready(function(){}); // 简写 $(function){} 2、整个window加载完成执行 $(window).load(function(){}); window.onload = function(){} 3、等待body加载完成 <body onload="aaa()"&gt...

彭世瑜的博客 2009
上一篇: js中如何控制所有页面加载完…
下一篇: js监控页面加载完成后执行action【…
绝凌峰
博客等级 码龄18年 28粉丝 183原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值