onDOMReady方法

时序图设计实战:从核心要素到用户登录场景的完整指南 在软件工程中,系统设计是确保软件质量与可维护性的基石。其核心在于清晰地定义组件间的交互逻辑与数据流向,而时序图正是实现这一目标的关键建模工具。时序图通过生命线、消息和激活条等核心元素,动态地按时间顺序展示对象间的协作过程,其技术价值在于将模糊的业务需求转化为精确、可验证的交互契约,从而成为架构师、开发者和测试人员之间的通用语言。在微服务架构、API设计等应用场景中,它能有效厘清复杂的调用链路,避免沟通歧义。本文将以用户登录这一典型场景为例,结合异步消息、组合片段等热词,深入剖析如何绘制一份清晰、严谨的时序图 阅读详情

YAHOO.util.Event.onDOMReady(ReadIDCard);

window.onload = ReadIDCard();

 

这2个方法都是在页面加载的时候调用ReadIDCard()方法.

不同在于:

window.onload是在html一加载就执行,适用于元素早就生成好的页面。

YAHOO.util.Event.onDOMReady是在html元素完全生成好后执行,对于页面时自动生成的情况,此方法比较适用,不过貌似不支持fireFox.

YUI Event yahoo-min.jsevent-min.js YUI Event通过提供简单接口来订阅DOM事件,查验浏览器事件对象的状态,来帮助在浏览器中生成事件驱动的应用。 包括定制的事件的对象,允许在定制代码里发布有趣的事件或者时刻,页面上其他的部件可以订阅这些时间而且做出反应。提供以下功能: 1)灵活的方法来附加事件处理给一个或者多个元素2)处理延迟3)自动范围检测,可选范 阅读详情

相关推荐

Yahoo! UI Library 的介绍

Yui组件分成2类:工具包和控件库 Yui 工具包 Yui 工具包利用DOM脚本来简化浏览器内的开发(in-browser devolvement),使用DHTML和AJAX的特性开发所有的Web程序。          1)动画(Animation):在你的页面中通过指定位置,大小,透明度或者页面元素的其他特性来创建一个"电影效果(cinematic effects)"。这些效果将在你的页

web开发 6300

YUI工具库介绍

1.1.     YAHOO工具库提供的方法 l         namespace 用于创建一个全局的命名空间,使用YUI时,首先会自动创建widget,util,example三个命名空间,使用时也可以自定义命名空间。类似于在程序中建了了一个static变量。 l         lang javascript扩展的语言工具,用于判别对象的类型。 l       

zz410675629的专栏 4082

YAHOO YUI工具库

1.1. YAHOO工具库提供的方法 l namespace 用于创建一个全局的命名空间,使用YUI时,首先会自动创建widget,util,example三个命名空间,使用时也可以自定义命名空间。类似于在程序中建了了一个static变量。 l lang javascript扩展的语言工具,用于判别对象的类型。 l lang.extend 用于从一个对象上扩展出另一个对象,模拟了类的继承的方式,但...

高级java程序员联盟 474

DOM Ready 详解

随时随地阅读更多技术实战干货,获取项目源码、学习资料,请关注源代码社区公众号(ydmsq666)、博主微信(guyun297890152)、QQ技术交流群(183198395)。 from:http://www.cnblogs.com/zhangziqiu/archive/2011/06/27/DOMReady.html DOM Ready 概述 熟悉jQuery的人, 都知道D...

孤云博客 1462

怎样提取jQuery.ready(),DOM加载完毕执行onDOMReady()方法

在大部分中,需要在树载入时马上执行一些函数,但又不愿意仅为了这一个需求而引入整个库,于是就把jQuery的方法提取出来,单独使用了。当然大家可以使用windows.onload事件, 但onload在看来,就是页面上的东西(img,iframe等资源)全部都加载完毕后才能发生,如果页面内有大的图片的话,会在页面展现后好久时间后才执行。如果只需要对DOM进行操作,那么这时就没必要等到页面全部加载了。...

weixin_33786077的博客 162

支持绑定多个函数的onDomReady事件

onDomReady比on load要更好,在Ext,mootools的框架里都有类似的实现。但有时我们并不需要这两个js框架,不能因为一个onDomReady就引入其他js,太浪费了。所以自己写了一个。 在IE6,firefox2上测试通过。 [code="javascript"] (function(){//闭包,保护全局变量 var fns=[]; /** * onD...

桂林的博客 167

技术演进中的开发沉思-255 Ajax:跨越浏览器

DOM操作时机管理是前端开发的关键问题。YUI库通过onDOMReady、onAvailable、onContentReady三组方法,解决了跨浏览器环境下DOM就绪时机的精准控制问题。onDOMReady监听全局DOM就绪状态,替代了低效的window.onload;onAvailable和onContentReady则针对局部元素,实现了异步场景下的智能监听。这些方法通过底层封装浏览器差异、提供灵活的参数设计,让开发者能够专注于业务逻辑,而无需关心兼容性问题。其设计理念至今影响着现代框架的生命周期钩子实

你的天空阅读专栏 790

yui onAvailable, onContentReady, and onDOMReady

     昨天在做js拷贝剪切板的功能时,遇到了yui的一个问题。因为这个功能是采用ZeroClipBoard才做的,它会在页面上放置一个透明的flash,当点击它时通过js来设置复制到剪切板的内容,关于ZeroClipBoard请参考相应的文档。      我需要的功能时复制页面中一个大的图片的地址。在测试的时候发现在ff下,这个flash的位置总是有问题,时而正常时而不正常,而在ie7下则没...

ganqing1234 176

JQuery1.4.2的ondomready分析

window.onload 应该都知道了,不过此事件要在DOM完全加载完毕,包括图片都加载完毕才触发,如果我们有事情需要注册到onload上,有时恐怕得等到黄瓜菜都凉了。于是这时 DOMContentLoaded 翩翩而来,此事件在 DOM 加载完毕(不包括图片都加载完毕)后触发,正合要求,但很不幸的是此事件IE不支持。下面来看看JQuery的如何解决这个问题,废话不说,直接看代码 [code=...

墨西哥湾的湛蓝 163

提取jQuery.ready(),页面DOM原生加载完毕执行onDOMReady()

在大部分前端开发中,需要在DOM树载入时马上执行一些函数,但又不愿意仅为了这一个需求而引入整个jQuery库,于是就把jQuery的ready方法提取出来,单独使用了。 当然大家可以使用windows.onload事件, 但onload在浏览器看来,就是页面上的东西(img,iframe等资源)全部都加载完毕后才能发生, 如果页面内有大的图片的话,会在页面展现后好久时间后才执行。 如果只需要...

weixin_30906185的博客 122

ASP.NET JavaScript管理方案:资源加载与依赖控制实战

JavaScript在传统ASP.NET项目中常被当作胶水代码随意嵌入,导致重复、难调试、缓存失控等典型问题。其本质是客户端资源缺乏与服务器生命周期对齐的治理机制。本文围绕ASP.NET原生资源管道,解析Bundle与ScriptManager协同的加载原理,强调物理层(带版本号的文件命名)、逻辑层(Core/Page/Component模块划分)和执行层(App.Lifecycle时机控制)三层治理模型。方案不引入Webpack等前端工程化工具,而是通过可审计的Bundle配置、CDN回退、运行时错误上报

rongdmmap的博客 630

mootools【十】- window的扩展

        浏览器的window对象本身就提供了我们很多的对浏览器本身属性的获取或设置的方法,但是我们也知道,由于各大浏览器之间对标准的实现不统一,导致很多方法功能上有所出入,mootools为我们统一了我们最常用的一些方法:        mootools的Window.Base.js里面,主要实现了对DOM树创建完成的事件监听。以前,我们可能经常把javascript代码写在html代码的

1123

Tinymce

Tinymce文件夹。

qq_41742961的博客 291

yui学习笔记(三)----dom和event

 yui 中的dom例子 YUI Dom Utility Example 2 <!-- #positions{ width:250px; border:2px solid black; padding:5px; } --> #positions{ width:250

Even713的专栏 1901

优化代码

原文转自:http://hi.baidu.com/touchiyudeji/item/6aaba851842720acacc857fc 在开发网页时,尽量将css放置在页面的header里,js不管是外部引入的或嵌入的js片段都应放在页面的尾部。 因为页面在加载时,css加载是可以并发请求的(同页面中的图片,ie6除外),而js加载时需要等待一个js文件加载完成后才加载其他资源,为了...

dilongzou1580的博客 173

OnLoad与DOMReady解析

    通常情况下我们会将JS代码书写在window.onload()事件中;因为当onload事件发生后,初始化界面已经渲染完成,此时操作dom不会出现获取不到界面元素的情况。但这种方式有一个问题,假如界面中有一个图片瀑布流,那么只能等到图片加载完成才会触发onload事件。这段期间,用户显然无法操作界面,这是不可取的。实际上,操作dom并不需要加载完成所有的东西,例如img标签,不是等到图片加...

qq_25643011的博客 490

主流JS框架中DOMReady事件的实现

在实际应用中,我们经常会遇到这样的场景,当页面加载完成后去做一些事情:绑定事件、DOM操作某些结点等。原来比较常用的是window的onload 事件,而该事件的实际效果是:当页面解析/DOM树建立完成,并完成了诸如图片、脚本、样式表甚至是iframe中所有资源的下载后才触发的。这对于很多 实际的应用而言有点太“迟”了,比较影响用户体验。为了解决这个问题,ff中便增加了一个DOMConte...

金州饿霸吃不饱的博客 220

js onload event

Different events based on basic javascript/ javascript frameworks window.onload document onload $(document).ready $(window).load Event.observe YAHOO.util.Event.onDOMReady dojo.connect Javasc

617
上一篇: birt学习日记1
下一篇: 检查端口占用情况
lifeiscool
博客等级 码龄19年 3粉丝 13原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值