js工作笔记004---加载数据延迟导致的不确定问题的解决_setTimeout和window_onload

最新推荐文章于 2025-08-13 09:22:38 发布
原创 最新推荐文章于 2025-08-13 09:22:38 发布 · 587 阅读 · 0 ·
CC 4.0 BY-SA版权
本文为博主原创文章，未经博主 添柴程序猿 允许不得转载 违者追究法律责任。

本文探讨了使用JS解决页面元素高度同步问题的方法，对比了setTimeout的不确定性和window.onload的可靠性，提供了具体代码实例。

技术交流QQ群【JAVA,C++,Python,.NET,BigData,AI】：170933152 

刚开始解决这种问题用,setTimeOut这个js函数,但是有不确定性,有可能有时候,没问题

不知道什么时候,又出现问题了,这个时候可以这样:

通过window.onload 保证,页面加载后加载.

window.onload = function(){
    $('.shadow').css('height',$('#img1').css('height'));
};

 

通过setTimeOut有时候也可以.但是不保险

 

 

JavaScript学习笔记--进阶之路
JackieDYH的博客
03-16 2043
了解js特性&事件使用 20200316 1、JavaScript简介 历史： 第一个浏览器 就是文本和图片 网景公司 增强用户的使用体验 急需一门语言 实现用户和网页之间的交互 诞生：为了实现用户和网页的交互而出现 1、开发一门新语言 2、使用已经成熟的语言（java<sun> python c ------） ​ 这个时候使用的是java ---...
javascript基础知识完整笔记--------权威指南基础篇
斗师——Ace
10-11 1192
（一）JS初次使用； 1.搭建JS开发环境； （1）在控制后台输出：console.log()。 （2）在HTML页面输出： 1）.html页面元素事件中输出，如onclick=""； 2) .通过<script>在这里输出JS代码</script>,并且script可存在html任意标签位置。 ...
解决window.onload延迟加载问题
weixin_30432179的博客
06-23 735
window.onload方法，表示当页面所有的元素都加载完毕，并且所有要请求的资源也加载完毕才触发执行function这个匿名函数里边的具体内容。这样肯定保证了代码在domReady之后执行。使用window.onload方法在文档外部资源不多的情况下不会有什么问题，但是当页面中有大量远程图片或要请求的远程资源时，我们需要让js在点击每张图片时，进行相应的操作，如果此时外部资源还没有加载完毕，点...
js延时函数 JS延时
08-01
js延时函数 JS延时执行 JS延时执行代码
JS实现延时执行
最新发布
qq_65331321的博客
08-13 797
是JavaScript中最常见的延时执行方法。它允许我们在指定的毫秒数后执行一次函数。在上面的代码中，函数会在延时3秒（3000毫秒）后执行函数。
JS延迟加载(setTimeout) JS最后加载
12-11
第一 JS延迟加载 代码如下: [removed][removed] [removed] setTimeout(“document.getElementById(‘my’).src=’include/common.php’; “,3000);//延时3秒 [removed] 一般情况下都是利用setTimeout来实现 第二 JS最后加载 在需要插入JS的地方插入以下代码: 代码如下: <SPAN id=L4EVER>LOADING…</SPAN> 当然，那个LOADING…你可以换成自己喜欢的小图片
JS-延时函数
weixin_54902466的博客
06-15 1万+
延时函数延时函数1.概念2.与定时器的区别3.细节4.代码演示5.总结6.延时执行(删除) 延时函数 JavaScript 中定时器函数的构成，能够基于定时器创建定的定时任务 1.概念 延时函数是实现程序暂缓执行的技术 延时函数和间歇函数统称为定时器或定时任务 2.与定时器的区别 间歇函数(定时器)的特征是不间断的重复执行 而延时函数只会执行 1 次。 结合递归函数可以使用 setTimeout实现setInterval 一样的功能！ 3.细节 1.setInterval 间歇函数也会延时执行 2.setT
Web前端笔记--html，css，javascript，jquery
../
02-21 1515
HTML - HyperText超文本 Mark标记 Language语言。 - 什么是超文本？ 不仅仅是纯文本，除了文本之外还包括字体信息，还包括多媒体信息（图片、音频、视频）。 - 和XML的不同点： xml的标签是可以扩展的,html标签是固定的。 常用标签 1. 文本标签 - 内容标题：h1-h6     属性  align:left/right/center  独占一行，上下...
vue vant van-pull-refresh 下拉刷新 vant-list 上拉加载 (二次封装共同点逻辑代码抽离)
qq_45752778的博客
06-10 1845
components 下拉刷新 、上拉加载、首屏骨架、空状态 封装组件 <template> <!-- * @FileDescription: 该文件的描述信息 * @author Sun Yan * @Date $ --> <van-pull-refresh v-model="$$parent.refreshing" :style="`min-height: ${refreshMinHeight}`"
JS宝典学习笔记(下)
12-03
29. **加载和卸载事件**：`window.onload`和`window.onunload`分别在页面加载完成和即将卸载时触发。 30. **location对象**：`window.location`提供了关于当前URL的各种属性，如`protocol`（协议）、`hostname`...
js延时函数
我想月薪过万的博客
03-01 3万+
js延时函数总结： 在js中，延迟执行函数有两种，setTimeout和setInterval，用法如下： setTimeout("test()","5000");//5秒后执行testFunction()函数，只执行一次。 setInterval("test()","5000");//每隔5秒执行一次testFunction()函数，执行无数次。 如何停止setInterval 呢？ var interval = window.setInterval("test()","5000"); ..
js延时操作
点点的博客
05-02 5152
1.setTimeout方法进行休眠操作 function firstStep() { //do something setTimeout("secondStep()", 1000); } function secondStep() { //do something setTimeout("thirdStep()", 1000); } function thirdStep() { //do so...
JavaScript延时函数
热门推荐
pan_junbiao的博客
08-18 5万+
1、setTimeout函数 setTimeout(function() { remind(); }, 5000); //5秒后将会调用执行remind()函数 2、setInterval函数 var interval; interval = setInterval(function() { remind() }, 5000); //5秒循环调用执行remind()函数 clearI...
js 延时操作
m0_46296039的博客
03-19 423
这个方法就是像一个定时器一样，在多少秒一直执行。 var time = function(time) { var startTime = new Date().getTime() + parseInt(time, 10); while(new Date().getTime() < startTime) {} }; 要调用这个方法也很简单 time（2000）； ...
JS延迟执行
noonnightstorm的专栏
10-19 1万+
昨晚在写点JS的时候，突然遇到了一个很奇怪的问题，调来调去都没办法解决，然后在微博上请教了一些大神，很快就解决了，然后今早又有人问了我类似的问题，现在基本解决了！ 今日我们来说下JS延迟的问题，我先来说下我的问题:         console.log("1");         setTimeout(function(){},5000);         console.log("2"
js延时执行
weixin_43154626的博客
01-13 245
setTimeout(function () {}, 100);
js延迟操作
qq_39492374的博客
01-29 2万+
在写前端代码的时候需要实现某些交互操作，有些效果需要停顿几秒再实现，这时可以用到下面的方法： setTimeout( function(){ //5秒后实现的方法写在这个方法里面 }, 5 * 1000 );//延迟5000毫秒...
javascript 延时操作
2301_81440348的博客
03-27 1151
一. 简介。
DOM与JavaScript基础：window对象与滚动效果实现
此外，`Window.event`是JavaScript中的一个特殊对象，提供了与浏览器事件相关的属性，如`clientX`和`clientY`表示鼠标指针相对于视口的位置，`screenX`和`screenY`则是相对于屏幕的位置。这些信息在处理用户交互时...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

添柴程序猿

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值