`
arthurln
  • 浏览: 43056 次
社区版块
存档分类
最新评论

页面加载完毕时执行复杂javascript的辅助函数

阅读更多

Simon Willison(simon.incutio.com)写的,原理简单,但是比较实用。

此函数用于当页面载入后,有大量javascript函数需要被调用的时候。

js 代码
 
  1. function addLoadEvent(func) {  
  2.     var oldonload = window.onload;  
  3.     if (typeof window.onload ! = 'function') {  
  4.         window.onload = func;  
  5.     } else {  
  6.         window.onload = function() {   
  7.             oldonload();  
  8.             func();  
  9.         }  
  10.     }  
  11. }  

 

分享到:
评论

相关推荐

    JavaScript权威指南(第5版)第5版

    4. **闭包**:闭包是函数及其相关变量的组合,即使函数执行完毕,其作用域内的变量仍保持存活状态,常用于创建私有变量和实现模块化。 5. **异步编程**:JavaScript的非阻塞I/O模型使得它非常适合处理网络请求。...

    js一些小功能

    开发者可能实现了事件监听器,用于在特定事件发生时执行相应的函数,如点击按钮弹出提示,或者在页面加载完毕后执行初始化操作。 3. 表单验证:在网页表单中,开发者通常会用JavaScript进行前端验证,防止用户提交...

    深入浅出JavaScript内存泄漏.doc

    当函数内部引用了外部作用域的变量,即使函数执行完毕,这些引用仍然存在,阻止了垃圾回收器回收相关内存。比如,事件处理器中使用闭包,如果不正确地解除事件监听,闭包会保持对外部变量的引用,从而引发泄漏。为...

    原生js在线科学计算器代码.zip

    虽然在这个描述中未明确提到jQuery,但在某些情况下,开发者可能会选择使用它来优化代码,例如,通过$(document).ready()来确保页面加载完毕后再执行JavaScript代码,或者使用$.each()遍历DOM元素,或者使用$.ajax()...

    利用jquery.qrcode在页面上生成二维码且支持中文

    这段代码在DOM加载完成(即页面加载完毕)后执行,它使用`utf16to8`函数处理中文字符串"今天天气不错",然后调用`.qrcode()`方法生成二维码。 至于内部的`o`、`q`、`qrcode`等函数,它们是jQuery.qrcode插件的内部...

    js科学计算器.zip

    jQuery的`$(document).ready()`函数用于确保页面加载完毕后执行代码,`$("#buttonId").click(function() {...})`用于监听按钮点击事件,`$("#result").val()`和`.val(newValue)`用于获取和设置结果显示区域的值。...

    javascript 屏蔽鼠标键盘的几段代码

    - `window.onload=init` 将 `init` 函数绑定到页面加载完成事件,确保在所有资源加载完毕后执行初始化操作。 8. **兼容性问题**: - 这段代码中的事件处理方式主要依赖于IE浏览器的特性,对于其他现代浏览器(如...

    html5 canvas云雾状液体流动背景动画特效.zip

    例如,使用`$(document).ready()`确保页面加载完毕后执行动画代码,或者使用`.on('click', function() {...})`来监听用户的点击事件。 提到jQuery插件,它们是扩展jQuery功能的代码模块,使得开发者能更方便地实现...

    jQuery实现标题滑动框效果

    可以使用`$(document).ready()`函数确保在DOM加载完毕后执行代码。 3. **动画方法**:jQuery提供了`.slideToggle()`, `.slideUp()`, 和 `.slideDown()`等方法来实现滑动效果。这些方法可以改变元素的高度、宽度或者...

    jQuery+html5 svg功率仪表盘代码.zip

    这些文件可能通过$(document).ready()确保页面加载完毕后再执行,以避免未定义的元素导致的错误。 3. `img`目录:可能包含了一些非SVG的图片资源,如logo或图标,这些资源可能会被插入到HTML中或者用作CSS的背景...

    多种JS效果图(对联,右下窗弹窗,图片轮换等)

    通过JS,我们可以监听用户的操作,当满足特定条件时触发弹窗,例如页面加载完毕、用户点击某个按钮等。同时,弹窗的关闭按钮、延时自动关闭等功能也可以用JS轻松实现。 3. 图片轮换:图片轮换是网站展示多张图片的...

    工程硕士学位论文 基于Android+HTML5的移动Web项目高效开发探究

    Webview WebView(网络视图)能加载显示网页,可以将其视为一个浏览器。它使用了WebKit渲染引擎加载显示网页 Activity Activity是一个应用程序组件,提供一个屏幕,用户可以用来交互为了完成某项任务,是一个负责与...

    warning-page

    JavaScript的`DOMContentLoaded`事件可以帮助我们确保在所有HTML元素加载完毕后执行相关代码。 8. ARIA属性:对于无障碍功能,JavaScript还可以用来添加或修改ARIA(Accessible Rich Internet Applications)属性,...

    75款常用的jquery特效

    10. **页面加载优化**:通过`$(document).ready()`和`$(window).load()`,我们可以确保脚本在DOM加载完毕或整个页面加载完成后执行,避免了页面闪烁和加载延迟问题。 这些特效和功能的实践应用,可以帮助开发者快速...

    原生js实现网页顶部自动下拉/收缩广告效果

    确保这个函数在`hide()`函数执行完毕后才运行,以保证顺序正确。 3. **完整代码分析**: 在提供的代码中,有两个主要的div元素,一个是隐藏的广告(`.hidden`),另一个是显示的广告(`.show`)。页面加载完成后,首先...

    JQUERY基础教程实例(用户检测)

    `$(document).ready()`和`$(window).load()`则分别在DOM准备就绪和整个页面加载完毕时执行代码。 9. **响应式设计**: jQuery也可辅助实现响应式设计。通过检测窗口大小变化(`$(window).resize(function() {...})`...

    jQuery和CSS3斑马线样式range滑块特效

    使用`$(document).ready()`确保所有DOM元素加载完毕后再执行相关代码,`$('input[type="range"]').on('change', function() {...})`则定义了滑块变化时触发的回调函数。在回调函数内部,我们可以获取滑块当前值(`...

    TaskMaster:使用HTMLCSS,JS和jQuery的待办事项列表应用程序

    例如,使用jQuery的`$(document).ready()`函数确保所有HTML元素加载完毕后才执行JavaScript代码。此外,jQuery的`addClass()`、`removeClass()`和`fadeOut()`等方法可以让开发者更容易地控制元素的样式和行为。 ...

Global site tag (gtag.js) - Google Analytics