JS:window.onload的使用 - - ITeye博客

`

linhui_dragon

浏览: 155956 次
性别:
来自: 北京

最近访客更多访客>>

r190820

ruancheng

yaya0775

Isaacedvr

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

谁说我不是会员：很给力的文章，通俗易懂
Get请求和Post请求的区别
Spirit_eye：请问一个图片按钮怎么置灰
按钮置灰跟按钮不显示

JS:window.onload的使用

博客分类：

JS

阅读更多

JS:window.onload的使用

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>

来自：http://blog.sina.com.cn/s/blog_48e6792c01010f29.html#

分享到：

window.onload | $(document).ready() 与 JavaScript中 ...

2013-11-27 16:30
浏览 616
评论(0)
分类:Web前端
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

脱离document.onload和window.onload的onload事件: 脱离document.onload和window.onload的onload事件，可多次添加加载事件！

ie中 body onload 和 window onload 解决法案: 在网页开发中，`body.onload` 和 `window.onload` 是两个常见的JavaScript事件处理函数，用于在页面完全加载后执行特定的代码。它们都是用来确保在执行任何操作之前，页面的所有资源（包括HTML、CSS、JavaScript、...

window.onload: ### window.onload 与 insertAfter() 方法详解 #### 一、概述在网页开发过程中，`window.onload` 和 `insertAfter()` 方法是两个非常实用且重要的技术点。它们可以帮助开发者更好地控制页面加载流程以及动态地...

107个常用javascript语句: 86.当窗体第一次调用时使用的文件句柄:onload() 87.当窗体关闭时调用的文件句柄:onunload() 88.window.location的属性: protocol(http:),hostname( ("/a/a.html"),hash("#giantGizmo",指跳转到相应的锚记),href...

window.open打开新窗口，不被拦截的方法: <body onload="window.parent.opener=null;window.close();"> ``` 这段代码的作用是在页面加载完成后立即关闭当前窗口。需要注意的是，这种方式可能也会受到浏览器的弹出窗口拦截机制的影响。为了确保兼容性更好...

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...

JavaScript中Window.open参数: ### JavaScript中Window.open参数详解 #### 1. 最基本的弹出窗口代码在Web开发中，`window.open` 方法是非常实用的一个功能，它可以用来创建一个新的浏览器窗口或标签页，并加载指定的URL。最简单的使用方式如下...

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封装了个缓动动画。喜欢的可以打开下面的网页另存下载下来！代码乱的可以[捂脸]！很纯很净[奸笑]！原汁原味[机智]！背景音乐还可以，点击就可以听...

window.open()参数: window.open() 是一个常用的 JavaScript 函数，它可以打开一个新的浏览器窗口，以供用户访问其他网页或显示信息。在本文中，我们将详细介绍 window.open() 函数的参数大全，并提供一些实用的代码示例。基本语法 ...

js中window.open()的所有参数详细解析.docx: JS 中 window.open() 的所有参数详细解析 window.open() 是 JavaScript 中的一个函数，用于打开新的浏览器窗口或标签页。在实际开发中，我们经常需要对新打开的窗口进行自定义设置，如设置窗口的尺寸、位置、工具栏...

Jqyery中同等与js中windows.onload的应用: 在JavaScript中，我们可以这样使用 `window.onload`： ```javascript window.onload = function() { // 页面加载完成后执行的代码 }; ``` 或者，如果你有一个已经定义好的函数，你可以这样设置： ```javascript ...

window.open全攻略: 在JavaScript中，`window.open()` 是一个非常重要的方法，它用于打开一个新的浏览器窗口或者重载已有的窗口。以下是对这个方法的详细介绍： ### 1. 基本用法最简单的`window.open()` 使用方式如下： ```...

IFrame AND window对象: 2. **页面操作**：`window.onload`和`window.DOMContentLoaded`事件分别在页面完全加载和DOM结构加载完成后触发，用于执行脚本。 3. **窗口大小和位置**：`window.innerWidth`和`window.innerHeight`返回窗口的内部...

IE11没有window.attachEvent方法处理方法: 替代方案：使用`addEventListener` 除了上述方法外，还可以考虑直接修改JavaScript代码，使用`addEventListener`方法替代`attachEvent`。这种方式的好处是不仅解决了IE11不支持`attachEvent`的问题，还让代码变得...

JavaScript中window.open用法实例详解: JavaScript中的`window.open()`函数是用于在浏览器中打开新窗口或者新标签的API，它可以用于创建一个新的浏览器窗口或者替换已存在的窗口。这个函数通常在网页交互中用来打开新的链接、弹出对话框或者进行页面间的...

window.open参数详解.txt: 在Web开发中，`window.open()`是一个非常实用的JavaScript函数，用于在新的浏览器窗口或标签页中打开一个指定的URL。它不仅能够打开新窗口，还可以控制新窗口的属性，如大小、位置以及是否显示工具栏、菜单栏等。...

window.addEventListener来解决让一个js事件执行多个函数: 当需要一个事件触发时执行多个函数，单纯地使用`window.onload`或元素的`onclick`等事件处理方式可能会遇到问题，特别是在需要同时处理多个事件处理器时。这时，`window.attachEvent`和`window.addEventListener`就...

实现原生js随机点菜的代码.zip: window.onload = function(){ var btn = document.getElementById('btn'); var cm = document.getElementById('cm'); // 获取html中的菜单 var menu = document.getElementsByTagName('span'); var ...

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 ...

Global site tag (gtag.js) - Google Analytics