为什么window.onload只能在第一个数组值上按预期工作，而我必须为其他数组值重新加载页面？
window.onload是一个事件，当整个页面及其所有资源都加载完成后触发。它只会在页面加载完成后执行一次，而不会在其他数组值上按预期工作的原因可能是因为其他数组值的加载是通过异步操作进行的，而不是在页面加载时同步执行的。
在前端开发中，常见的异步加载方式包括使用Ajax请求数据、动态创建元素、延迟加载等。这些操作会在页面加载完成后进行，因此window.onload事件已经触发完毕，无法再次执行。
如果你希望在其他数组值上按预期工作，可以考虑以下解决方案：
- 使用回调函数：在其他数组值加载完成后，调用相应的回调函数来执行需要的操作。
- 使用事件监听：在其他数组值加载完成后，通过自定义事件或已有的事件（如DOMContentLoaded）来触发相应的操作。
- 使用异步加载方式：在页面加载时，使用异步加载方式加载其他数组值，确保它们在页面加载完成后再进行加载。
需要注意的是，以上解决方案可能需要根据具体情况进行调整和实现。此外，还可以使用一些前端框架或库来简化异步操作的处理，例如Vue.js、React等。
关于腾讯云相关产品和产品介绍链接地址，由于要求不能提及具体品牌商，无法提供相关链接。但腾讯云提供了丰富的云计算服务，包括云服务器、云数据库、云存储、人工智能等，可以根据具体需求选择相应的产品进行使用。
相关·内容
3回答
我搜索了很多次，但可能我搜索错了字符串。一个Java小程序正在向我的页面提供活动位，java小程序访问我页面上的输入字段并放置信息
<input type="hidden" id="F1" value="Nothing Yet">
然后它调用页面上的一个javascript函数，比如LivePicker()，然后它简单地提取一个值
var ClockVal = document.getElementById("F1").value;
document.getElementById("ICSCLOCK")
浏览 0提问于2010-01-15得票数 1
我想在页面加载事件上创建一个div元素，但是我的脚本没有像预期的那样工作。
function createfn(){
//debugger;
var element = document.createElement("div");
var para = document.createTextNode('The man who mistook his wife for a hat');
element.appendChild(para);
document.getElementByTagName(body).appendCh
浏览 4提问于2016-12-01得票数 2
回答已采纳
由于HTML的异步特性，我假设(可能是错误的？)页面加载的时间线如下：
..。将html加载到DOM中
遭遇<audio>标签
预加载被指定为“自动”；触发缓冲
继续在DOM中加载html ..。等
触发window.onload事件回调
稍后异步:找到音频资源、开始缓冲或返回服务器错误；启动readystatechange事件回调
而我希望的是，值为"auto“的preload属性将延迟window.onload事件的触发或延迟标记到DOM的处理，直到找到音频资源并已开始缓冲，或返回服务器错误并取消加载。
我无法想象为音频资源保留windo
浏览 3提问于2016-04-03得票数 1
2回答
演示链接：
在IE6/7/8中--如果您在一个简单的输入字段中输入一个术语，提交表单，然后按后退按钮--输入字段将保留先前提交的术语。如果然后刷新页面，则该值也将保留。
通过HTML，如何才能禁用这个预填充呢？我们不希望输入框中的值出现在页面加载/domready中。
我们已经尝试过对表单和输入元素进行自动完成=“off”，但是预填充仍然是持续的。
提前谢谢。
浏览 4提问于2010-06-29得票数 3
回答已采纳
1回答
我试图使用剪接从现有数组中删除一个项，但没有按预期工作。我甚至尝试使用过滤器代替剪接，但得到了相同的输出。请有人看看这里的功能，并帮我找出问题。
请尝试在这里添加可用的项目- ，然后导航到购物车页面，并尝试删除每个项目。这些项目没有像预期的那样被移除。
相关代码可在cartservice.ts、cartcomponent.ts(removeProductFromCart())和cartcomponent.html - 中获得
浏览 0提问于2018-04-16得票数 0
回答已采纳
我想重新分配我的指针数组，或者仅仅是在数组中添加一个点的方式：
void global (void)
{
FILE * flot;
Logement *log[100]; // I tried putting **log; instead to make it dynamic but it doesn't work.
int nbLog;
flot = fopen("Logements.txt","r");
if(flot == NULL)
{ //error
}
浏览 5提问于2022-01-09得票数 -1
2回答
如何检测是否按下了“重新加载”按钮，以及在此之后进程被保持，以及在重新加载之后。就像按下重新加载或Ctrl +R一样，我希望保存它在本地存储中重新加载。
浏览 3提问于2022-02-12得票数 2
回答已采纳
1回答
设置包的iOS本地化
、、、
我已经用不同的语言本地化了设置包，它按预期工作，问题是当设备语言更改时，例如更改为法语-加拿大时，我的设置包自动更新为FR-CA，因为我的应用程序支持。但如果设备语言设置为其他不受支持的语言，如中文，则设置包将保留在Fr-CA中，而我需要将其设置为默认英语。
浏览 3提问于2016-06-20得票数 1
1回答
我有一个图像，我将其高度和宽度设置为90%的屏幕大小，而我正在加载HTML页面。现在，当我调整浏览器的大小时，我想调整图像大小。下面是我的密码-
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function setImageSize() {
document.getElementById('rockImg').height=(screen.height)*.9;
document.getElementById(
浏览 2提问于2013-11-27得票数 0
回答已采纳
var ObjectLiteral = {
myName:function() {
}
}
当页面加载时，我想立即调用ObjectLiteral...函数。我不确定要在中编写一个自调用函数。
浏览 2提问于2011-08-01得票数 2
回答已采纳
1回答
我有以下选择：
const getAllAddresses = (withStartEnd) =>
createSelector(
[getAllAddressesSelector, getStartAddressSelector, getEndAddressSelector],
(all, startAddress, endAddress) => {
if (!withStartEnd) return [...Object.values(all)];
return [startAddress
浏览 0提问于2019-05-26得票数 2
回答已采纳
我正在使用redux持久化来自动持久化并在应用程序启动时重新补充状态，如文档中所描述的那样，特别是使用AsyncStorage：。
下面定义了一个还原器，它将当前产品添加到state.products中的购物车中。
case 'ADD_PRODUCT':
let addedProducts = [...state.products]
addedProducts.push(action.product);
return {
...state,
count: ++state.count,
products: addedProducts
};
浏览 7提问于2017-01-09得票数 1
回答已采纳
我的网页在第一次加载时工作正常，但当我点击刷新按钮或重新加载页面时，它不会完全加载(进入手机和其他东西的过渡部分)，特别是在Chrome中，如果我按下ctrl + f5，它会正常工作
因此，我想在页面刷新或重新加载完成时清除缓存，或者有没有更好的解决方案
我尝试了以下代码，但它一直在加载页面
<script>
window.onload = function() {
if(!window.location.hash) {
window.location = window.location + '#loaded';
浏览 0提问于2016-08-12得票数 1
只有当隐藏的div (display:none)处于活动状态时，我才需要运行脚本。
按下“单选按钮”显示"div1“与假加载程序，3秒后显示另一个名为"my_div”的div。
但是，如果用户不按“单选按钮”，"my_div“上的随机文本仍然会出现。
我需要解决这个问题，只有当用户按单选按钮时才显示这个随机文本"my_div“。因此，当用户按下“单选按钮”显示"div1“与假加载程序和3秒后，显示另一个div (已经工作)，如果不按该按钮，什么都不会发生(不要运行随机脚本)。
工作：
这是我的项目：
function show1() {
docu
浏览 0提问于2018-09-14得票数 0
回答已采纳
1回答
我想在
浏览器重新加载图标按下
Browser Back和Forward图标按下
从浏览器上下文菜单中按下重新发布菜单项
按任意浏览器的“视图”菜单中的“Reload”
从URL文本框获取刷新页面
我怎么能这么做？
提前谢谢你。
浏览 4提问于2017-01-23得票数 0
回答已采纳
我有一个带有d3.js图表的页面，该图表基于片段标识符(如/graph#2014或/graph#2013等)加载来自特定年份的数据。在页面加载时，jquery代码会触发按下按钮，然后按下按钮就会呈现带有相应数据的图表。下面是触发所有这些的代码：
function yearHash() {
if (location.hash === "") {
$("#<%= Date.today.year %>").click();
}
else if (location.hash === "#2014") {
浏览 3提问于2014-03-02得票数 0
回答已采纳
如何修改页面刷新时间后，第一个页面重新加载(即30s)，然后每5分钟后重新加载页面，如果用户仍然在页面上。目前，它每30秒重新加载一次。
function timedRefresh(timeoutPeriod) {
setTimeout("location.reload(true);",timeoutPeriod);
}
window.onload = timedRefresh(30000);
我该怎么做呢？谢谢
浏览 1提问于2016-02-16得票数 0
4回答
b的以下初始化似乎是从a复制数组数据，而不是按预期引用它：
let a = [0,1];
let b = [a[0], 2];
a[0]=3;
console.log(b);
输出为0,2。
为什么输出不是3,2
如何使用对b[0]的引用来初始化a[0]，以使其反映对a的更改
如果这是不可能的，还有什么选择呢？
这个有名字吗？
浏览 0提问于2020-03-28得票数 2
回答已采纳
1回答
我使用滑块进行图像滑动。它正在如预期的那样运作。一旦加载，它将从第一个图像启动滑块。但是我想从一个特定的图像开始滑块。我看过文件了。但没有运气。
有什么习惯的方法吗？
浏览 1提问于2014-09-18得票数 0
回答已采纳
我使用XIB文件创建了一个自定义UITableviewCell实现，并在其中添加了一个UISlider，希望在第一次加载单元格时禁用该实现，并在单击表单元格中的按钮时启用。我将Slider的"isEnabled“属性设置为”带按钮操作的True“。
当tableView第一次加载时，按预期禁用滑块，然后单击按钮，属性isEnabled设置为True，但滑翔机不会改变其一致性，直到我单击它时，它看起来仍然是灰色的。
我已经看到了使用reloadTable()的建议，但在我的例子中，这是不可接受的。还有什么其他的东西可以用来“让UISlider复活”吗？某些只刷新UISlider而不是整个
浏览 20提问于2021-12-22得票数 0
回答已采纳
6回答
我有这2块！
<div id="loader">
</div>
和
<div id="wrapper">
</div>
“包装器div不在加载程序div中以进行任何澄清”
我的脚本
$(window).bind("load",function() {
$('#loader').css('display',none);
$('#wrapper').css('visibility',visible
浏览 1提问于2014-01-15得票数 1
回答已采纳
在为这个web应用程序在同一个HTML文件中编码了CSS、Javascript和HTML5代码之后，我决定将CSS和Javascript拆分为各自的外部文件，并将它们包含在HTML5文件中。
我遇到了一个小问题，即Javascript代码无法工作，直到我添加了以下内容：
window.onload = function() { //script code}
现在看起来一切都好了，但是函数没有加载。因为我在使用Firebug时发现的错误表明该函数尚未定义，但它是明确定义的。
代码如下：
HTML页面
JS文件
我读过其他响应，指出路径可能不正确，但Javascript文件中的其他所有内容都加载得
浏览 0提问于2012-04-10得票数 3
我正在构建一个应用程序，每当客户机关闭浏览器窗口/选项卡时，我都应该向后端发送一个通知，以销毁已登录的会话，并记录正在运行的会话的详细信息。我尝试过onbeforeunload，但它没有按预期工作，因为它也在页面重新加载时执行。此外，它不通过关闭浏览器选项卡发送请求。
浏览 1提问于2022-02-12得票数 0
我为我的React项目中的一个组件调用offsetWidth。
然而，因为我是通过一个index.css文件通过@ offsetWidth -face加载字体，所以我得到的字体似乎是错误的，因为我的自定义字体随后被加载，并改变了我的元素的宽度，而我的元素恰好是一个表。
在React中调用offsetWidth之前，我如何等待字体被加载并应用于我的文本？
谢谢。
浏览 1提问于2020-04-29得票数 0
1回答
我有一个PHP网页，它应该使用外部图像(他们在页面上显示)，并从外部源获取文本，然后由JavaScript脚本使用。
当我在Windows中使用xampp时，我没有遇到任何问题，内容可以按预期显示。
使用lampp时，内容似乎在加载/处理完成之前就显示了。
是否有任何设置或其他方法来强制等待，直到一切准备就绪？
浏览 0提问于2017-09-28得票数 1
window.onload = function() {
onPageLoad();
}
var reftime;
function refreshPage(){
var refreshtime = document.getElementById("r_time").value;
//var reftime;
reftime = setInterval(function() {
window.location.reload(true);
}, refreshtime*
浏览 0提问于2020-10-22得票数 0
因此，下面的代码两次警告false：
window.onload = function(){
alert(window.myframe.myarray instanceof Array);
alert(window.myframe.myarray.constructor === Array);
}
当页面中有一个名为"myframe“的iframe，其中包含一个名为"myarray”的数组。如果将数组移到主页(而不是iframe)中，则代码会按预期两次警告true。有
浏览 0提问于2011-06-25得票数 8
回答已采纳
当我试图在HTML文件中的一个按钮中使用下面的代码时，总是会出现问题。
onClick=window.location.reload();
mapGenerator();
页面重新加载，但是生成D3JS视图的javascript (D3JS)没有出现。我做错了什么？
浏览 1提问于2016-02-21得票数 1
回答已采纳
我是Javascript的新手，但我能够拼凑一些东西，在页面加载时创建一个随机的背景图像。这已成功地用于页面上的Div对象。
因为这个操作很好，所以我想再次对同一页面上的第二个Div对象使用这个命令。这两个Divs都有独立的CSS样式名称，所以我认为这会很好。然而，当我同时使用这两个命令时，只有一个会起作用。
我以为这是一个超载的问题，但我尝试重新命名我能做的一切，但它仍然没有解决它。是否还需要重命名我缺少的其他命令，还是需要对这两个单独的命令进行不同的框架设置？
下面是JS代码、CSS和HTML：
提前感谢！
/*! random background image 2*/
window.
浏览 3提问于2015-11-18得票数 0
回答已采纳
4回答
我有一个包含控件的页面。此控件在页面上重复多次，显示来自数据库的不同数据。最终结果类似于一个数据表，我可以扩展div以在某种控制面板中显示更多数据。每个“行”都有一个按钮，该按钮从特定行的输入中获取值，并使用这些值更新数据库。
我面临的问题是，在表单提交时，页面的更新在控件的Page_Load方法触发之前发生(Page_Load > Submit > Page_Load > fire update method)，因为控件需要再次加载。虽然该方法按预期工作(因为输入值在页面加载之间保持不变)，但页面内容显示原始输入值，而我希望它显示从数据库中获取的更新值(如果可能，我希望避免
浏览 5提问于2011-08-30得票数 1
回答已采纳
因此，我试图让我的网站找到特定的文本，并用<img>标记替换它使用以下代码.
function Emote() {
var stringg = document.getElementsByClassName("Post").innerHTML;
var resolutionn = stringg.replace("xD", "<img src='Icons/xD.gif' width='100px' height='100px' />")
docume
浏览 10提问于2015-12-02得票数 0
回答已采纳
在加载jquery.js之前，我有一个简单的方法：
window.onload = function (){ /*dosomething*/ }
你知道这是否会干扰$.ready或jQuery？
谢谢
浏览 3提问于2011-03-19得票数 2
回答已采纳
我在一个页面上有以下代码：
window.onload = function () {
window.scrollTo(0, 0);
}
我的预期行为是，每次显示页面时，它都会使页面滚动到0,0 (左上角)。但这不是真的，只有当我“重新加载”页面时，它才会这样做。例如，如果我转到页面，它会滚动到顶部，但如果我导航离开并返回，它就不起作用。不知何故，onload没有被触发。
因为我刚开始学习，所以我假设我所期待的是不真实的东西。有人能为我解释一下这个问题吗？
浏览 0提问于2018-01-15得票数 2
1回答
直到昨天，一切都很好，现在它被卡在后置屏幕上，而我正在启动或重新启动。
只有当我按下ESC或Enter按钮时，它才能工作，这会带我到诊断屏幕，其余的启动就会像预期的那样工作。我没有收到任何错误，也没有任何响声。
型号:联想Thinkpad L460
操作系统:Ubuntu16.04LTS(单引导)
谢谢
📷
编辑:任何多个按键正常启动它。Enter键带我到bios选项，f12到启动选择菜单。
浏览 0提问于2019-09-03得票数 0
回答已采纳
我遇到了一个问题，在更改状态后，React不会通过传入数组来呈现，尽管状态成功地更新了：
const [phoneNumber, setPhoneNumber] = useState([])
...
const newNumber = phoneNumber
newNumber.pop()
setPhoneNumber(newNumber)
但是，在使用spread操作符传递newNumber之后，应用程序按预期重新排列：
const newNumber = phoneNumber
newNumber.pop()
setPhoneNumber([...newNumber])
这是什么原因？
浏览 2提问于2021-06-23得票数 0
回答已采纳
在JavaScript中，[] == 0按预期返回true。但是Boolean([])也返回true。
我希望它返回false，因为== 0检查false。
浏览 1提问于2022-05-24得票数 -1
我正在编写一个应该执行以下操作的小脚本：
1)按一下按钮会触发一个表单来加载。
2)表格中的条目用特定的值填充。
我的代码如下所示：
document.getElementById('formButton').click();
window.onload = function(){
document.getElementById('formEntry').value = "foo";
};
此脚本加载表单，但表单条目不更新。我想问题是表单条目还没有加载到DOM中，但是onload似乎没有完成这项工作。对我做错了什么有什么暗示吗？
浏览 6提问于2017-10-04得票数 0
回答已采纳
我想在下面使用具有多个条件的For循环编写代码，但它没有工作。请指出我犯的错误。
// Working as expected
bs = [false, true, false];
for (let i = 0; i < 3; i++) {
if (bs[i]) {
console.log('Hi', i);
}
}
不按预期工作的代码
// Not working as expected
bs = [false, true, false];
for (let i = 0; i < 3 && bs[i]; i++) {
c
浏览 9提问于2020-12-06得票数 0
回答已采纳
在javasscript中，我反复使用setTimeout重新绘制HTML5画布。
function doDraw() {
drawOnCanvas();
setTimeout(doDraw, 20);
}
我在Android浏览器上有个问题。(也许在iOS上，我还没有进行测试……)：1.一切正常运行2.我按下android的"home“按钮，然后做一些其他的事情。我回到浏览器。4. 问题:不再计划执行setTimeout .
所以我的屏幕刷新循环停止了，游戏就“死了”。
编辑：，现在，我继续调查。事实证明，setTimeout仍然有效。真正的问题是画布从屏幕上脱落，而我
浏览 0提问于2014-12-06得票数 0
我正试图真正理解浏览器如何加载网页的细节。
我在一个.js文件中有两个javascript语句，附在一个HTML中：
d3.select("body").append("span").text("Hello, world!");
alert("huh?");
当我加载页面时，我看到一个警告“嗯”。所以“哼”这句话就着火了。
但是，"Hello，world“并没有附加到文档正文中。
如果然后在控制台中运行d3.select("body").append("span").t
浏览 6提问于2014-01-25得票数 2
回答已采纳
我有一个有三个文件的网站：
index.html
<html>
<head>
<script src="First.js"></script>
<script src="Second.js"></script>
</head>
<body></body>
</html>
First.js
window.onload = Main;
Second.js
function Main() { var foo = 1; }
打开页面时，我希望变量
浏览 3提问于2012-03-11得票数 3
回答已采纳
我有一些外部的js脚本，我提供给我的用户嵌入他们的网站。单独地，它们可以很好地工作，但是如果您试图在同一个页面中添加两个，其中一个会崩溃(控制台上没有错误)。我认为问题必须是多次调用windows.onload。
在这里，两个嵌入式代码的外观如下：
代码1
<script type="text/javascript" src="http://example.com/widget.js"></script>
<p><span class="punctis-social-widget"><
浏览 3提问于2013-02-13得票数 2
我想在单击时调用JavaScript文件。一旦文件加载，我想重定向用户到一个登陆页。
这是我的密码：
<script type="text/javascript">
document.getElementsByTagName("body").onclick = function () {
var js = document.createElement("script");
js.type = "text/javascript";
js.onload = fun
浏览 3提问于2015-12-23得票数 0
回答已采纳
1回答
自调用函数调用其他函数的问题
、、、、
在我的index.html文件中(在关闭body标记之前)，我想要一个函数在加载页面时自动调用自己。但是，当在外部文件中定义函数(此处为setUp)时，我遇到了问题。
如果我将setUp函数复制到Index.html中，那么一切都按预期工作。
我刚开始接触JS:我是不是把脚本文件链接错了？谢谢!
Index.html
<script src="Code.gs">
window.onload=setUp;
</script>
Code.gs
function setUp() {
dat
浏览 3提问于2019-05-25得票数 1
回答已采纳
2回答
默认情况下，尝试使用普通的js解决方案将.btn-1集中在页面加载上。 我不明白为什么我一直收到这个错误：index.js:2 Uncaught TypeError: document.getElementsByClassName(...).focus is not a function at window.onload (index.js:2) 有人对此有什么想法吗？ index.html： <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<m
浏览 21提问于2021-08-13得票数 2
回答已采纳
vue (v2.6.14)有一个相当奇怪的问题，在这个问题中，我创建了一个基于一个接收作为支柱的新数组。以下是相关代码：
props: { employees: Array },
data() {
return {
sortedEmployees: [],
};
},
mounted() {
this.sortedEmployees = this.employees.slice(0);
},
在这里，我想要的是为employees数组创建一个新的引用，这样我就可以对它进行排序，以便在不改变原始数组的情况下稍后显示。我并不担心克隆数组中的实际对象，因为我不会修改它们。
这方面
浏览 0提问于2021-09-09得票数 1
回答已采纳
3回答
我希望按持有最低foo.bar值(即数组对象)的顺序返回文档。
我可以执行db.collection.find().sort({foo.0.bar: 1})，但这只匹配数组中的第一个元素-正如您在下面的示例中看到的那样，将首先对项目1进行排序(foo.0.bar = 5)，而我希望首先返回项目2，因为它具有最低值的对象。(foo.2.bar = 4) =5。
{
"name": "Item 1",
"foo": [
{
"bar": 5
},
浏览 237提问于2011-03-16得票数 18
我希望使一个网站，慢慢淡入隐藏的图像加载。现在，我已经设法获得了一些执行淡入的javascript，但它会在页面加载时立即启动，所以当您加载页面时，您仍然可以看到单个元素加载。
我想做的是在它开始淡入之前增加一秒钟左右的延迟。
这是我现在得到的：
<style>fadein{filter:alpha(opacity=0);opacity:0}</style>
<script>
function fadein(){var fade=0, fadein=document.getElementById("index-wrappper").sty
浏览 3提问于2011-02-08得票数 0
回答已采纳
我有一个"Thingy“控制器，它看起来像：
[HttpPost]
public ActionResult DeleteConfirmed(long? id) {
// <Validate ID, delete associated records>
return RedirectToAction("Index", "Thingy");
}
但是，RedirectToAction的路由值始终使用参数中的id填充，而我希望它将id保留为null，这样它就可以重定向到www.mywebsite.com/Thingy而不是www.m
浏览 3提问于2014-10-22得票数 7
回答已采纳
6回答
是否有不同于window.onload=function;或<body onload="function();">的选项来在页面加载后调用函数。
我在网上找到了一个脚本，可以满足我的需要，但它覆盖了window.onload，所以这阻止了我使用原生window.onload。
还有别的选择吗？
浏览 3提问于2011-07-14得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
