js之onload事件

最新推荐文章于 2022-04-01 17:11:48 发布
转载 最新推荐文章于 2022-04-01 17:11:48 发布 · 63 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/anuoruibo/archive/2013/01/22/2871963.html

说明：测试浏浏览器FF3.5.2、Chrome3.0、safar 4.0.3、opera10.10、IE7
 
　　如果我问你window.load和window.onload分别是什么意思，恐怕你会回答我：“这不是页面加载完就执行吗”。
 
　　但是答案是不一定，得看你怎么用。看一下例子吧
 
例1：
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
 
<html>
<head>
<title>Untitled</title>
<script type="text/javascript">
function ShowMessage()
{
alert("true");
}
window.onload=ShowMessage();
 
</script>
</head>
 
<body>
 
 
当你看到true时看不到我
 
</body>
</html>
当你看到true的弹出框的时候，你肯定没有看到“当你看到true时看不到我”，说明页面还没有载入完就已经开始执行js了。
 
例2
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
 
<html>
<head>
<title>Untitled</title>
<script type="text/javascript">
function ShowMessage()
{
alert("true");
}
window.onload=function(){ShowMessage();}
 
</script>
</head>
 
<body>
 
 
你看到true时就看到我了
 
</body>
</html>
 
当你看到true的弹出框的时候，你也会看到“你看到true时就看到我了”，这个才是真正的页面载入完才触发。
 
PS：推荐像onload事件之类的使用匿名函数执行，即window.onload=function(){ShowMessage();}这种形式。

转载于:https://www.cnblogs.com/anuoruibo/archive/2013/01/22/2871963.html

林尧彬
关注
js onload 事件
猿码互联
06-06 1915
事件是当页面或者页面中的某个元素完全加载完成时触发的事件。常见的使用场景包括在页面加载完成后执行一些初始化操作，或者在图片加载完成后执行某些操作。当图片加载完成后，这个事件处理函数会被调用。事件是在页面或元素加载完成后触发的事件，在JavaScript中可以使用。每当一个元素加载完成后，对应的事件处理函数会被调用。在这个例子中，匿名函数会在页面加载完成后被调用。属性，可以指定页面加载完成后需要执行的函数。需要注意的是，如果图片已经在缓存中存在，那么。函数会在页面加载完成后被调用。在这个例子中，我们使用。
深入探索 JavaScript 的 `onload` 事件：从基础到高级应用
欢迎来到软件测试jeffky博客！在这里，我们将探讨各种与软件测试相关的主题，包括测试策略、方法、工具、最佳实践和行业趋势。我们的目标是帮助读者提高软件质量，确保用户满意度，并分享在软件测试领域的知识和经验。
12-12 1255
onloadonload事件是 Web 开发中一个非常有用的工具，它允许开发者在页面完全加载后执行特定的代码。无论是简单的用户提示、延迟执行代码，还是复杂的数据初始化和动画效果，onload事件都能提供很大的灵活性和便利性。通过合理地使用onload事件，开发者可以创建更加动态和互动的网页，从而提升用户体验。
js之onload事件的一点使用心得
10-27
window.load和[removed]的意思并不只是页面加载完就执行，那要看你怎么用了，下面做了示例为大家介绍下，感兴趣的朋友可以参考下
Js中 onload事件
anjijian9848的博客
07-12 267
支持onload事件的标签： <body>, <frame>, <frameset>, <iframe>, <img>, <link>, <script> onload的事件是当前标签加载完成后触发，所谓加载完成是里面的内容都加载完成 例如：body里面有7张图片,由于图片过大,...
js的onload事件及初始化按钮事件示例代码
10-26
JavaScript中的`onload`事件是网页或特定元素加载完成后触发的事件，主要用于执行某些操作，如显示内容、执行脚本等。这个事件在多种HTML标签上都可用，包括`<body>`、`<frame>`、`<frameset>`、`<iframe>`、`<img>`...
js的image onload事件使用遇到的问题
12-12
关于 Image 对象 onload 事件。 想获取的是 image 的 宽高值。所以用 onload 方法。另外是获取的远程图片。 但IE在第二次显示图片的时候，总是不走 onload 方法。代码： var img = new Image(); img.src = ...
js onload事件不起作用示例分析
10-26
在探讨JavaScript中onload事件在JSP页面上不起作用的问题时，可以深入分析几个关键知识点，包括onload事件的基本概念、在JSP页面中使用onload事件的正确方式，以及可能导致onload事件失效的具体原因和解决办法。...
JS的onload事件
wuyujin1997的博客
03-18 1955
之前按照HTML规范在&lt;head&gt;中嵌套&lt;script&gt;，写JS脚本获取HTML元素并做操作，但有时会报错。 原因：报错 &lt;- 元素为null &lt;- 页面未加载完成(先执行JS脚本获取，之后才加载该元素)。 解决：window.onload事件。 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt
JS中的onload事件
qq_43688000的博客
04-08 1658
借鉴于 https://blog.csdn.net/pseudonym_/article/details/72614776 window.onload事件出现的原因： 页面的代码顺序是从上往下进行加载，有时我们需要对页面上的某个模块进行操作，这时常常借助JS，但有时会发生操作对象未被加载的情况 什么是window.onload()? 1. window.onload是一个事件，在文档加载完成后...
javaScript的onload事件例子
01-26
javaScript的onload事件的代码，javaScript内嵌在html中。
JavaScript中onload事件
weixin_47511190的博客
07-11 1270
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script> //onload事件的静态方法 function onloadfun(){ alert("静态注册onload事件所有代码"); }
浅谈javascript中的onload事件
weixin_33984032的博客
12-15 248
window. 是指当页面加载完后执行的函数 但是这个函数有个缺点 就是不能执行多个window.onload 当第二次调用window. 第二次会覆盖第一次的函数 如下代码： <style>.small{width:100px;height:100px;border:2pxsolidred;background:#906;} .big{w...
JS-onload事件
热门推荐
dxm809的博客
02-08 1万+
window.onload事件是页面中所有元素加载完成后，浏览器自动触发该事件，这样，注册dom事件的脚本就可以放在head里面了 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt;     &lt;meta charset="utf-8" /&gt;     &lt;title&gt;&lt;/title&gt;     &lt;scri
JavaScript——onload事件
JiaYou_PPZ的博客
04-01 187
加载 JS 时出现Cannot read property 'appendChild' of null错误： <head> <script> let li = document.createElement("li"); let text = document.createTextNode("广州"); /*将 广州 添加到li*/ li.appendChild(text); let box
javascript之onload事件
码农的田园
08-08 2148
使用onload的几种情形： 1. 可以在Body 里面执行    2. 先定义好 在页面加载完成后 使用 function test(){ var aa = "嘻嘻,你个大猪猪"; alert(aa); } window.onload = test; 注解: 这里的window.onload = test; 不要在tes
javascript中的window的onload事件
雪小白
05-28 3579
window.onload是一个事件，当文档加载完成之后就会触发该事件window.onload = function () { console.log('执行了1'); }; window.onload = function () { console.log('执行2'); }执行结果：执行了1可以看出，window.onload=function(){}方法只能运行一个，后一个...
js中的onload
guangbing8877的博客
11-13 2713
js中的onload事件，有两种写法。 1.放在body中 function load() { alert("页面已加载！"); } Hello World! 意思上当body标签加载完毕之后，执行onload后面gender那个load函数。 2.放在script标签中。 //onload 当页面加载完毕 执行, 页面的标签创建完成并且页面依赖的外部文
vscode中javascript怎么应用onload事件
最新发布
12-17
在Visual Studio Code (VSCode) 中编写JavaScript代码时，`onload` 事件通常用于处理文档加载完成之后的脚本执行。它是一个传统的HTML事件，在HTML5开始支持DOMContentLoaded事件后，`onload` 事件一般推荐替换为 `window.onload` 或者将脚本放在 `<body>` 标签底部，因为DOMContentLoaded事件会在DOM树构建完成后立即触发，而此时`window.onload` 可能会稍晚一些。 以下是使用`onload` 事件的一个基本示例： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>OnLoad Example</title> </head> <body> <!-- 其他页面元素 --> <script> window.onload = function() { // 这里是当整个页面加载完毕后才会执行的代码 console.log('Document has fully loaded.'); // 例如，你可以在这里初始化数据绑定、异步请求等 }; </script> </body> </html> ``` 在这个例子中，当你打开浏览器并查看网页时，控制台会打印 "Document has fully loaded."，表明整个页面已经完全加载完毕。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值