JS:window.onload的使用

最新推荐文章于 2023-08-06 18:48:17 发布
最新推荐文章于 2023-08-06 18:48:17 发布
阅读量336 收藏 1
点赞数
文章标签： javascript js html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/likaikai103/article/details/46423553
版权
1、最简单的调用方式

   直接写到html的body标签里面，如：

   <html>

      <body οnlοad="func()">

      </body>

   </html>

2、在JS语句调用

   <script type="text/javascript">

      function func(){……}

      window.οnlοad=func;

   </script>

3、同时 调用多个函数

   直接写到html的body标签里面,如：  

   <html>

      <body οnlοad="func1();func2();func3();">

      </body>

   </html>

4、js调用多个函数,以下这种调用方式可以用于不太复杂的JS程序中，如果程序函数很多，逻辑比较复杂，可以考虑用第五种方式。

     <script type="text/javascript">

      function func1(){……}

      function func2(){……}

      function func3(){……}

      window.οnlοad=function(){

      func1();

      func2();

      func3();

     }

   </script>

5、JS自定义函数式多次调用

   <script type="text/javascript">

      function func1(){……}

      function func2(){……}

      function func3(){……}

      function addLoadEvent(func){

         var oldοnlοad=window.onload;

         if(typeof window.onload!="function"){

             window.οnlοad=func;

          }

         else{

             window.οnlοad=function(){

                  oldonload();

                  func();

               }

             }

       }

       addLoadEvent(func1);

       addLoadEvent(func2);

       addLoadEvent(func3);

   </script>

likaikai103
关注
JavaScript中window.open用法实例详解
12-10
JavaScript中的`window.open()`函数是用于在浏览器中打开新窗口或者新标签的API，它可以用于创建一个新的浏览器窗口或者替换已存在的窗口。这个函数通常在网页交互中用来打开新的链接、弹出对话框或者进行页面间的...
window.onload的使用
weixin_34247155的博客
07-02 249
1、最简单的调用方式 直接写到html的body标签里面，如： <html> <body onload="func()"> </body> </html> 2、在JS语句调用 <script type="text/javascript"> function func(){……} window.onload=func; ...
前端 js 页面加载完成事件 - onload，五种写法
firstcode666的博客
11-27 4840
在js和jquery使用中，经常使用到页面加载完成后执行某一方法。通过整理，大概是五种方式（其中有的只是书写方式不一样）。 1：使用jQuery的$(function){}; 2：使用jquery的$(document).ready(function(){}); 前两者本质上没有区别，第1种是第2种的简写方式。两个是document加载完成后就执行方法。 3：使用jQuery的$(window).load(function(){}); 4：使用window.onload = functi..
JavaScript中onload()用法
m0_49273322的博客
06-22 7139
实例： 页面加载之后立即执行一段 JavaScript： <html> <head> <script> function load() { alert("页面已加载！"); } </script> </head> <body "load()"> <h1>Hello World!</h1> </body> </html> 定义和用法 onloa
（转）写一个网页进度loading
BINGO的博客
05-21 887
来自：简书 作者：jack_lo    原文：www.jianshu.com/p/4c93f5bd9861 loading随处可见，比如一个app经常会有下拉刷新，上拉加载的功能，在刷新和加载的过程中为了让用户感知到 load 的过程，我们会使用一些过渡动画来表达。最常见的比如“转圈圈”，“省略号”等等。 网页loading有很多用处，比如页面的加载进度，数据的加载过程
CSS实现Windows10 loading加载之-线性加载
最新发布
果然的博客
08-06 398
记录编写win10条状加载动画的过程，所遇到的小问题，动画简单，却也不简单。希望有所收获
Jqyery中同等与js中windows.onload的应用
10-28
在JavaScript中，我们可以这样使用 `window.onload`： ```javascript window.onload = function() { // 页面加载完成后执行的代码 }; ``` 或者，如果你有一个已经定义好的函数，你可以这样设置： ```javascript ...
window.onload
07-09
### window.onload 与 insertAfter() 方法详解 #### 一、概述 在网页开发过程中，`window.onload` 和 `insertAfter()` 方法是两个非常实用且重要的技术点。它们可以帮助开发者更好地控制页面加载流程以及动态地...
onload.diff.img：onload.diff_img
02-14
在JavaScript中，我们通常使用`window.onload`或HTML元素的`onload`属性来定义当整个页面加载完成时执行的函数。这是一个非常实用的机制，因为它确保在执行任何依赖于页面内容的代码之前，所有的资源都已经准备就绪...
脱离document.onload和window.onload的onload事件
04-29
脱离document.onload和window.onload的onload事件，可多次添加加载事件！
body onload
kururunga的博客
05-14 1558
onload 属性在对象已加载时触发。 onload 常用在 中，一旦完全加载所有内容（包括图像、脚本文件、CSS 文件等），就执行一段脚本。如下 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> &l...
js中的onload
guangbing8877的博客
11-13 2575
js中的onload事件，有两种写法。 1.放在body中 function load() { alert("页面已加载！"); } Hello World! 意思上当body标签加载完毕之后，执行onload后面gender那个load函数。 2.放在script标签中。 //onload 当页面加载完毕 执行, 页面的标签创建完成并且页面依赖的外部文
window.onload与body.onload
weixin_39017846的博客
05-26 1162
这两个都是在页面加载后运行。执行顺序和在代码中的位置有关，也和window.onload后面的函数是否匿名有关。 1.如果window.onload是在body里定义的，也就是在body onload下面定义的，则只执行window.onload，不会执行body onload。即遵循“”从上到下依次加载，后者覆盖前者“的原则”。 2.如果window.onload是在head里定义的。就要看等号后面的函数是不是匿名的。 只有非匿名的才会被执行，且两者都执行。按从上到下的顺序，先执行window.on
在网页加载完成后执行——body的onload()
Winter--王大梅
10-26 1万+
一个师哥说过：前台开发，往往一个问题纠结半天，还没有技术含量。对这些真的是深有体会了。还是要多多积累吧。     最近遇到了一个问题：点击datagrid的行，跳转到相应的详情界面，并进行一系列的查询然后将内容返回到页面上。这时，问题就来了。 先说一下一开始我的代码： datagrid行单击事件： $("#dgApply").datagrid({ onClickRow:function
html body的onload事件详解
s15981924260的专栏
04-08 1万+
浏览器是边加载边执行的，
关于JS的--window.onload()方法
热门推荐
冯小东
05-23 1万+
一、window.onload()方法： 该方法用于在网页加载完毕后立刻执行的操作，即当html加载完毕后，立刻执行某个方法等。 二、为什么使用window.onload()? 因为JS中的函数方法等需要在HTML文档渲染完成才可以使用，如果没有渲染完成，此时的DOM树是不完整的，这样JS文件就可能报出"undefined"错误。 三、常见的用法： 简单的立刻执行函数，假
js window onload 用法
dream_heheda的博客
08-20 6237
js 中 window.onload 方法 在页面刚加载完成后执行  比如根据给元素设置初始值，或者设置页面是否只读 参考 一个页面中多个window.onload = function(){}冲突问题解决思路 &lt;script type="text/javascript"&gt; window.onload=cc; function cc(){ aa(); ...
关于IE8/firefox不支持添加到收藏夹代码javascript:window.external.AddFavorite(,'');
yangwawa19870921的专栏
01-17 1万+
添加到收藏夹是我写的添加到收藏夹的代码。但是当我用IE8调试的时候浏览器报找不到元素错误。当我用Firefox调试的时候报 window.external.AddFavorite() is not a function 错误。但是我用360浏览器就能添加到收藏夹。为此我查阅了一些资料，找到了适合我的解决办法。方法如下：1、点击 开始-运行-regedit-确定2、寻找HKEY_CLASSES_ROOT/TypeLib/{EAB22AC0-30C1-11CF-A7EB-0000C05BAE0B}/1.1/0/
body元素的onload事件
01-31 1395
我们常常在网页加载完成时执行某些初始化程序，如设置某一div的innerText,获得某一个元素的引用等，通过会有以下的代码 ------------------------------------------------------------------------------------------------------------------------- var o
JavaScript window.onload 使用教程
【资源摘要信息】: "网页JavaScript脚本执行的两种策略，特别是强调了window.onload事件的使用，用于确保脚本在文档完全加载后执行，避免因对象未加载导致的问题。" 在网页开发中，JavaScript脚本常常需要在HTML...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值