js:window.onload的使用

最新推荐文章于 2022-09-02 22:01:24 发布
最新推荐文章于 2022-09-02 22:01:24 发布
阅读量343 收藏
点赞数

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>

anisweir
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript中window.open用法实例详解
12-10
JavaScript中的`window.open()`函数是用于在浏览器中打开新窗口或者新标签的API，它可以用于创建一个新的浏览器窗口或者替换已存在的窗口。这个函数通常在网页交互中用来打开新的链接、弹出对话框或者进行页面间的...
Jqyery中同等与js中windows.onload的应用
10-28
在JavaScript中，我们可以这样使用 `window.onload`： ```javascript window.onload = function() { // 页面加载完成后执行的代码 }; ``` 或者，如果你有一个已经定义好的函数，你可以这样设置： ```javascript ...
JS:window.onload的使用
沉淀，是为了下一次的爆发
11-20 750
1、最简单的调用方式    直接写到html的body标签里面，如：                   2、在JS语句调用         function func(){……}      window.onload=func;    3、同时 调用多个函数   直接写到html的body标签里面,如：                     4、js调用多个
jsp window.onload ,
dfrywe6128的博客
05-08 319
1. <html> <body onload="func()"> </body> </html> 2. <script type="text/javascript"> function func(){……} window.onload=func; </script> 3. <html> <...
jQuery的window.onload和$(function(){})
weixin_30508241的博客
04-10 272
1 <script src="js/jquery-1.11.3.js"></script> 2 <script> 3 //在onload事件中，所有页面内容(html,css,js,图片)加载后执行: 4 // 何时: 如果一个操作，必须等待css和图片加载后才能执行，应放在onload中 5 ...
javascript中的window.onload解释
m0_53127809的博客
01-02 1833
window.onload 我们都知道的是我们的前端页面都是从上向下加载，也就是说我们的javascript文件如果放在文本页面文件的上方，我们就会先加载javascript中的文件，而此时带来的问题就是，我们的javascript中的事件对象此时有可能还未被加载，导致代码错误。 我们的window.onload可以很好地有效的解决这个问题。我们都知道，window.onload代表的是一个事件，也就是该事件的发生会导致函数的调用。而window.onload代表的事件就是页面加载的结束，也就是说，不管
windows.onload
骑着蜗牛的coder
05-15 376
1.页面加载后完成 windows.onload = function(){ alert("执行")； } 2.页面加载前完成 $(document).ready(function() { alert("执行")； } **：需要注意的是，如果在函数中有ajax方法， 问题一：今天一直想不通的问题，我的ajax明明在页面前面为什么直到我的页面代码都执行完了我的后台数据才获取，然而，此时的数据已经...
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事件，可多次添加加载事件！
JS 中[removed]()的用法和清空的原因浅析
11-29
可能很多朋友都遇到过这样的情况，那就是使用[removed]()函数向网页中写内容的时候，会把文档中的原来的内容给清空，这一点对于初学者来说算是一个困扰，下面就介绍一下为什么会出现这种情况，当然也就知道如何避免此种情况的发生了。 　　先看一段代码实例: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <title>Document</title> [removed] [removed]=function(){ document.writ
JS教程:[removed]使用方法的区别介绍
10-26
介绍了[removed]使用方法的区别，有需要的朋友可以参考一下
基于js中[removed]全面解析
12-08
什么是cookie? cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时，就会发送这个 cookie。你可以使用 JavaScript 来创建和取回 cookie 的值。 设置cookie 每个cookie都是一个名/值对，可以把下面这样一个字符串赋值给[removed]： [removed]="userId=828"; [removed]看上去就像一个属性，可以赋不同的值。但它和一般的属性不一样，改变它的赋值并不意味着丢失原来的值，例如连续执行下面两条语句： [removed]="userId=828";
关于Javascript中[removed]的使用
10-20
主要介绍了关于Javascript中[removed]的使用,通过cookie来记住密码保存密码功能，需要的朋友可以参考下
一个Jsp页面有两个window.onload的解决方法
给自己一份清静
01-30 3779
原创地址：http://blog.csdn.net/van416521/article/details/6953556  1.问题描述: 当一个HTML页面中加载了两个window.onload=function() {};函数时,页面只会执行第二个window.onload里面的内容 如下,结果显示2: [html] view plaincopy
事件在jQuery中如何使用，JS中window.onload在jquery中的写法
m0_53881899的博客
09-02 1018
事件在jQuery中如何使用，JS中window.onload在jquery中的写法
jsp页面中include(被包含)被包含的页面中有加载事件，那window.on load事件到底什么时候执行，会执行几次？
程宇寒
05-09 2676
(有个疑惑，如果jsp页面中include(被包含)被包含的页面中有window.onload事件，那window.onload事件到底什么时候执行呢?)如果同一个页面(被包含)include多次，那该被包含的页面中的window.onload事件到底什么时候会执行，到底会被执行几次?大家注意：(有个疑惑，如果是include(被包含)被包含的页面中有onload事件，那window.onload...
windowonload三者加载方法的区别
qq_40967227的博客
03-18 191
window.onload、$(document).ready(function(){}）、$(window).load(function(){}）的区别吧！ 首先比较下window.onload与$(document).ready(function(){}）。 1.执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 $(document...
``` window.onload ```在javascript中window.onload怎么用
最新发布
01-27
在JavaScript中，`window.onload`是一个事件，它在整个页面加载完成后触发。可以通过给`window.onload`赋值一个函数来指定页面加载完成后要执行的操作。 以下是`window.onload`的使用方法示例： ```javascript ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值