gpt4 book ai didi

javascript - window.onload 并不总是有效。为什么

转载 作者:行者123 更新时间:2023-12-03 08:07:43 24 4
gpt4 key购买 nike

我一直在努力更改 src 属性以更改 javascript 中的图像。我正在使用 window.onload = function() 并且我的代码无法正常工作。我决定取出 window.onload 并且我的代码奇迹般地工作了。 src 属性更改了页面上的图像。

我读过的很多文献都吹嘘 window.onload 函数,就好像加载网页才能使其他代码工作是绝对必要的。我很困惑,因为在这种情况下它对我不起作用。我记得最近我正在做的一项大学作业无法使用 window.onload 函数。这是我使用和不使用 window.onload 函数的脚本。有人能给我解释一下这个奇怪的现象吗?

  window.onload = function(){
function myFunction(){
document.getElementById("myImg").src = "people5.png";
};
};
</script>
</head>
<body>
<img id = "myImg" src="people1.png" width="240" height="240" alt="logo"/>
<button onclick="myFunction()">Click me</button>

现在没有 window.onload

  function myFunction(){
document.getElementById("myImg").src = "people5.png";
};

</script>
</head>
<body>
<img id = "myImg" src="people1.png" width="240" height="240" alt="logo"/>
<button onclick="myFunction()">Click me</button>

最佳答案

window.onload = function(){
function myFunction(){
document.getElementById("myImg").src = "people5.png";
};
};

window.onload 中的 myFunction() 是匿名函数的本地函数。当您在 window.onload< 外部声明 myFunction,它是在全局范围内定义的,因此可以被 onclick 事件访问

关于javascript - window.onload 并不总是有效。为什么,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34303413/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com