`

JS:window.onload

    博客分类:
  • JS
 
阅读更多
JS:window.onload的使用 (2012-05-10 22:06:08)
标签: window.onload js 分类: JavaScript学习笔记
1、最简单的调用方式
   直接写到html的body标签里面,如:
   <html>
      <body onload="func()">
      </body>
   </html>


2、在JS语句调用
   <script type="text/javascript">
      function func(){……}
      window.onload=func;
   </script>


3、同时 调用多个函数
   直接写到html的body标签里面,如: 
   <html>
      <body onload="func1();func2();func3();">
      </body>
   </html>


4、js调用多个函数,以下这种调用方式可以用于不太复杂的JS程序中,如果程序函数很多,逻辑比较复杂,可以考虑用第五种方式。
     <script type="text/javascript">
      function func1(){……}
      function func2(){……}
      function func3(){……}
      window.onload=function(){
      func1();
      func2();
      func3();
     }
   </script>


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

   <script type="text/javascript">
      function func1(){……}
      function func2(){……}
      function func3(){……}
      function addLoadEvent(func){
         var oldonload=window.onload;
         if(typeof window.onload!="function"){
             window.onload=func;
          }
         else{
             window.onload=function(){
                  oldonload();
                  func();
               }
             }
       }
       addLoadEvent(func1);
       addLoadEvent(func2);
       addLoadEvent(func3);
   </script>

分享到:
评论

相关推荐

    脱离document.onload和window.onload的onload事件

    脱离document.onload和window.onload的onload事件,可多次添加加载事件!

    107个常用javascript语句

    68.JS中分为两种窗体输出:模態和非模態.window.showModaldialog(),window.showModeless() 69.状態栏文字的设置:window.status='文字',默认的状態栏文字设置:window.defaultStatus = '文字.'; 70.添加到收藏夹:...

    crypto-js 加解密

    window.onload = function () { //需要加密的内容 var C = CryptoJS; var str = C.DES.encrypt(C.enc.Hex.parse('1234567890123456'), C.enc.Hex.parse('1111111111111111'), { mode: C.mode.ECB, padding: C.pad...

    video.js 基于js的video标签视频播放插件,简单上手

    window.onload = function(){ oVdo = new Video({ name:"video", time:[ {"src":"./video/22.mp4","title":"shangjiahang@tinysoft"}, {"src":"./video/23.mp4","title":"shangjiahang1@tinysoft"}, {"src":"....

    商品宣传微页.zip

    JS知识点:1.window.onload记得关闭加载动画 2.判断是否手机端 3.js封装了个缓动动画。 喜欢的可以打开下面的网页另存下载下来!代码乱的可以[捂脸]!很纯很净[奸笑]!原汁原味[机智]!背景音乐还可以,点击就可以听...

    javascript函数的解释

    68.JS中分为两种窗体输出:模态和非模态.window.showModaldialog(),window.showModeless() 69.状态栏文字的设置:window.status='文字',默认的状态栏文字设置:window.defaultStatus = '文字.'; 70.添加到收藏夹:...

    实现原生js随机点菜的代码.zip

    window.onload = function(){ var btn = document.getElementById('btn'); var cm = document.getElementById('cm'); // 获取html中的菜单 var menu = document.getElementsByTagName('span'); var ...

    Web前端开发工程师笔试题及答案

    腾迅Web前端开发工程师笔试题及答案 ...function elementName(evt){ evt = evt|| window.... window.onload = function(){ var el = document.getElementsByTagName('body'); el[0].onclick = elementName; } ......

    FRAME.js:用于HTML5画布的轻巧,简约的Javascript框架

    window . onload = function ( ) { FRAME . init ( 800 , 600 ) ; main ( ) ; } function main ( ) { FRAME . clearScreen ( ) ; //update and render here //queues main() to be called again at render ...

    Keyframes.Pathfinder:jQuery.Keyframes插件,可生成复杂的运动路径

    关键帧。探路者 这个用于关键帧的插件会生成复杂的移动路径。 安装 import Pathfinder from '@keyframes/pathfinder' ; Keyframes .... ... Keyframes.bezierPath( rules, ...window . onload = ( ) =&gt; { const block = doc

    Selenium处理弹出窗口.docx

    这里介绍了chooseCancelOnNextConfirmation、chooseOkOnNextConfirmation等JavaScript脚本实现的弹出窗口处理函数,selenium会弹出网页窗口,因为它重写了window.open在文件selenium-browserbot.js函数BrowserBot....

    java swfupload 多文件上传js

    &lt;script type="text/javascript" src="js/swfupload.queue.js"&gt; &lt;script type="text/javascript" src="js/fileprogress.js"&gt; &lt;script type="text/javascript" src="js/handlers.js"&gt; 3. 编写脚本,对SWFUpload...

    jQuery的鼠标拖动翻页js特效代码.zip

    window.onload=function(){ page=id("menu").getElementsByTagName("div"); if(page.length&gt;0){ page[0].style.zIndex=2; } for(i=0;i&lt;page.length;i ){ page[i][removed] ="&lt;span class=\"tip\"&gt;" (i 1) "/" ...

    sideswipe:一个时髦的 JS 侧边菜单组件

    window . onload = function ( ) { new Menu ( ) ; } ; 自定义菜单: new Menu ( { overlay : true , overlayOpacity : .25 , pan : true , side : 'left' , menuHandleClass : 'sideswipe-handle' , ...

    CSS3 H5手机端工单回复时间轴样式代码.zip

    window.onload=function(){ new imgSwitch("imgContainer",{Type:12,Width:943,Height:354,Pause:3000,Speed:"fast",Auto:true,Navigate:"numberic",NavigatePlace:"outer",PicturePosition:"left"}) }

    js 进度条demo.html

    window.onload = function () { window.setInterval("ajaxpage('dummy/top.txt','top',{color:'blue',opacity:0.25})", 3000); window.setInterval("ajaxpage('dummy/left.txt','left',{color:'black', opacity:...

    window.addEventListener来解决让一个js事件执行多个函数

    可能你也碰到过这种情况,就是在js的代码中用了[removed]后,可能会影响到body中的onload事件。你可以全写在body中,也可以全放到[removed]中,但是这样并不是很方便,有时我们需要两个同时用到。这时就要用window....

    图片放大镜

    window.onload = function(){ magnifier.init({ cont : document.getElementById('magnifier'), img : document.getElementById('magnifierImg'), mag : document.getElementById('mag'), scale : 3 }); } ...

    15天漫游jQuery中文翻译word版

    资源名称:15天漫游jQuery中文翻译 word版内容简介:15天漫游jQuery中译本,不是很完整,但是也是学习jquery 不可或缺的东东1 day Window.onload() 一直是常用的javascript函数。数年来程序员们习惯了通过它在...

Global site tag (gtag.js) - Google Analytics