javascript的window.onload方法使用

最新推荐文章于 2022-05-21 16:24:33 发布
最新推荐文章于 2022-05-21 16:24:33 发布
阅读量939 收藏
点赞数
分类专栏： javascript 文章标签： javascript 页面加载 触发ja


window.onload方法，可以定义html中的onload方法例如：
window.οnlοad=function(){ 
  var a = document.getElementById("loading");
  a.parentNode.removeChild(a);
}
这样就可以通过js代码直接定义这个方法，而不需要象这样定义了<body οnlοad="aaa()"> 

如果<body>标签原来已经定义了onload方法，则可以通过下面的方法，再追加自己的方法：

 if(window.οnlοad==null){
  window.οnlοad=function(){dvwait1.style.display = "none";}  
 }else{
  eval("wtempfunction="+window.onload.toString());
  window.οnlοad=function(){wtempfunction();dvwait1.style.display = "none";}
 }

当然这样的代码原则上应该写在<body>标签的后面，否则就失去了意义了。


转载自 http://blog.csdn.net/zmxj/article/details/1770167

pody
关注
专栏目录
【js的window.onload和jquery的.ready()什么区别】
学无止境
02-24 804
【js的window.onload和jquery的.ready()什么区别】
window.onload和DOMContentLoaded的区别
skysys的研究小屋
08-13 2759
一、何时触发这两个事件？ 1、当 onload 事件触发时，页面上所有的DOM，样式表，脚本，图片，flash都已经加载完成了。 2、当 DOMContentLoaded 事件触发时，仅当DOM加载完成，不包括样式表，图片，flash。 二、为什么要区分？ 开发中我们经常需要给一些元素的事件绑定处理函数。但问题是，如果那个元素还没有加载到页面上，但是绑定事件已经执行完了，是没有效果的。这两个事件大致就是用来避免这样一种情况，将绑定的函数放在这两个事件的回调中，保证能在页面的某些元素加载完毕之后再绑定事件的函
JavaScript的window.load小记
chizhuo3576的博客
01-07 1305
load事件通常用于检测文档内容或者图片是否加载完毕。 本文着重介绍注册在window对象上load事件，也就是window.onload事件。 关于事件处理函数注册，可以参阅如何注册事件处理函数一章节。 浏览器支持: （1）.IE浏览器支持此事件。 （2）.edge浏览器支持此事件...
JavaScript中window.onload的使用方法
weixin_30733003的博客
06-04 198
JavaScript中window.onload的使用介绍 window.onload加载事件在页面内容加载完成之后立即执行相应的函数。 window.onload使用方法： 1）window.onload=function(){ var tr=obj.parentNode.parentNode; tr.parentNode.removeChild(tr); }2）...
JavaScript的window.onload使用
jingjing_amy的专栏
04-12 1万+
<br />JavaScript的window.onload使用：<br /> <br /><br />window.onload方法，可以定义html中的onload方法例如：<br />window.onload=function(){ <br />var a = document.getElementById("loading");<br />a.parentNode.removeChild(a);<br />}<br />这样就可以通过js代码直接定义这个方法，而不需要象这样定义了<body onl
javascript中的window.onload解释
m0_53127809的博客
01-02 1843
window.onload 我们都知道的是我们的前端页面都是从上向下加载，也就是说我们的javascript文件如果放在文本页面文件的上方，我们就会先加载javascript中的文件，而此时带来的问题就是，我们的javascript中的事件对象此时有可能还未被加载，导致代码错误。 我们的window.onload可以很好地有效的解决这个问题。我们都知道，window.onload代表的是一个事件，也就是该事件的发生会导致函数的调用。而window.onload代表的事件就是页面加载的结束，也就是说，不管
执行多个window.onload匿名函数的方法
weixin_45190226的博客
11-26 1042
业务需求：在body里面创建一个div元素，点击div元素能够复制div节点，将复制后的div加载到原有的div节点后面，并且重新设置克隆后的div节点的样式。 JS代码特点：在JS语句中有两个window.onload匿名函数 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>执行多个window.onload匿名函数</title&g
window.onload()方法中代码顺序
weixin_45190226的博客
11-08 708
先看错误的代码演示： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>通过document获取数据or赋值</title> <style type="text/css"> input{margin: 10px} </style> <script type="te
``` window.onload ```在javascript中window.onload怎么用
最新发布
01-27
以下是`window.onload`的使用方法示例： ```javascript window.onload = function() { // 在这里编写页面加载完成后要执行的代码 console.log("页面加载完成！"); }; ``` 在上述示例中，当页面加载完成后，...
JavaScript学习（三）：window.onload事件
Andrew_Lii的博客
01-01 523
window.onloadwindow.onload事件主要用来解决JavaScript脚本在运行时获取不到对象的问题。
JavaScript--window.onload和jq的$(document).ready()
weixin_45406850的博客
02-12 1299
区别 1.执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 $(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。 2.编写个数 window.onload不能同时编写多个，如果有多个window.onload方法，只会执行一个。 $(documrnt).ready()可以同时编写多个，并且都可以得到执行。 3.多个的执行结果 window.onload不能同时写多个，但是有多个时会执行，只是后执行的会将前一次执行的结果覆盖。 $(do
javaScript之windowonload
18岁的蛋蛋博客
07-10 1385
window.onload的用法： 因为页面中的代码一般情况下按照，从上到下，从左到右的顺序执行。 所以当js代码需要获取页面中的元素时，如果script标签在元素的前面，需要加window.onload；如果script放在了元素后面，就不需要加 window.onload。 ...
关于JS的--window.onload()方法
冯小东
05-23 1万+
一、window.onload()方法： 该方法用于在网页加载完毕后立刻执行的操作，即当html加载完毕后，立刻执行某个方法等。 二、为什么使用window.onload()? 因为JS中的函数方法等需要在HTML文档渲染完成才可以使用，如果没有渲染完成，此时的DOM树是不完整的，这样JS文件就可能报出"undefined"错误。 三、常见的用法： 简单的立刻执行函数，假
JavaScript的window.onload事件的理解
热门推荐
zhansan的博客
05-21 2万+
window.onload()的作用 window.onload() 方法用于在网页加载完毕后立刻执行的操作，即当 HTML 文档加载完毕后，立刻执行某个方法。 window.onload() 通常用于 元素，在页面完全载入后(包括图片、css文件等等)执行脚本代码。 只有一个要执行的函数语法： window.onload = funcRef; 在页面加载完成后 funcRef 方法会被调用。 有多个要执行的函数语法： window.οnlοad=function(){ Func1(); Fun
JavaScript 中的 window onload 应该什么时候写
qq_43842093的博客
06-01 739
JavaScript 中的 window onload 应该什么时候写 1. 页内式 JS 代码 1.1 页内式 JS 代码写在 head 内部 如果 script 标签写在 head 标签内部，则位于 body 内的元素将晚于 JS 代码加载，那么其中一些获取 DOM 元素的方法将无法取得元素（返回 null）。 以下示例代码的意图是把“我要红红火火恍恍惚惚！”这一段文字变成红色，可见并没有起作用，控制台也会报错。 示例代码：test1.html <!DOCTYPE html> <htm
window.onload用法
acess520的博客
04-14 1099
window.onload用法: 网页中的javascript脚本代码往往需要在文档加载完成过后才能去去执行，否则可能会导致无法获取对象的情况，为了避免这样的情况发生 我们可以采用2种方式： 1,、将脚本代码放在网页底端，这样运行代码的时候，因为是从上往下运行的，所有可以确保操作对象已经加载完成。 2、通过window.onload来执行脚本代码。 第1种方式需要将代码放在合适 的位置，
window.onload用法详解
weixin_33835690的博客
02-20 1520
网页中的javaScript脚本代码往往需要在文档加载完成后才能够去执行，否则可能导致无法获取对象的情况，为了避免这种情况的发生，可以使用以下两种方式:一.将脚本代码放在网页的底端，这样在运行脚本代码的时候，可以确保要操作的对象已经加载完成。二.通过window.onload来执行脚本代码。第一种方式感觉比较凌乱（其实推荐使用），往往我们需要将脚本代码放在一个更为合适的地方，...
window. onload=function(){} 与 $(function(){}) 的区别
qq_36866850的博客
05-04 608
window. οnlοad=function(){} 与 $(function(){}) 的区别 页面加载事件：window.οnlοad=function(){} 和 $(function(){}); 1、window.οnlοad=function(){}是js原生的事件； 2、$(function(){});是JQuery的方法； 等同于 $(document).ready(function(){}); 意义为在DOM加载完毕后执行了ready()方法。也等同与 jQuery(function(){
JavaScript window.onload 使用教程
然而，需要注意的是，如果有多段代码都需要监听`window.onload`事件，它们可能会覆盖彼此，因此在现代JavaScript中，更推荐使用`addEventListener`方法来添加多个事件处理函数，而不是直接赋值给`onload`属性，例如...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值