`
ganqing1234
  • 浏览: 171717 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

yui onAvailable, onContentReady, and onDOMReady

阅读更多

     昨天在做js拷贝剪切板的功能时,遇到了yui的一个问题。因为这个功能是采用ZeroClipBoard才做的,它会在页面上放置一个透明的flash,当点击它时通过js来设置复制到剪切板的内容,关于ZeroClipBoard请参考相应的文档。

     我需要的功能时复制页面中一个大的图片的地址。在测试的时候发现在ff下,这个flash的位置总是有问题,时而正常时而不正常,而在ie7下则没有这个问题,弄了半天才发现问题出在yui的onDOMReady,因为onDOMReady是表示页面所有的元素都加载完后的状态,这里不包含图片,我猜ff做了一些优化,这样有时图片还没有加载完,js已经计算flash的位置了,图片加载后,flash的位置就不正确了。

     解决的办法就是对于设置ZeroClipBoard要在整个窗口都加载完全后才调用。

YAHOO.util.Event(window, "on", function() {
    ...
});

     关于onAvailable, onContentReady, and onDOMReady文档是怎么写的:

  1. onAvailable: onAvailable 指向一个单独的元素,当这个元素可用时执行此方法(此时执行 document.getElementById() ) — 但是你不能就确定此时该元素的所有的子元素都是可用的.
  2. onContentReady: 当你不仅仅关心该目标元素还关心它的子元素的时候,使用onContentReady 。该方法可以告诉你该目标元素以及其子元素都是可用的。
  3. onDOMReady: 有一些DOM的脚本直到整个DOM被下载下来才能安全地执行onDomReady 可以让你获知整个文档已经被安全地下载下来,此时你可以使用脚本修改DOM文档。

 

 

分享到:
评论

相关推荐

    yui3-master.zip

    《深入理解YUI3:基于yui3-master.zip的探讨》 YUI(Yahoo! User Interface Library)是由雅虎公司开发的一套开源JavaScript库,它为Web开发者提供了丰富的功能和工具,以创建交互性强、性能优秀的网页应用。YUI3是...

    YUI类库2.9.0下载download

    YUI 2 is a JavaScript and CSS library with more than 30 unique components including low-level DOM utilities and high-level user-interface widgets. Currently at version 2.9.0, YUI 2 is robust, proven, ...

    yui 资源包

    《深入理解YUI 3.9.0 r2:界面设计与资源优化》 YUI,全称为Yahoo! User Interface Library,是由雅虎公司开发的一个开源JavaScript库,它旨在简化Web应用程序的构建,特别是对于界面设计和交互效果的实现。在3.9.0...

    yuicompressor-yui compressor

    yuicompressor-2.4.2.jar yuicompressor-2.4.7.jar jsZip.exe yuicompressor yui compressor js压缩工具 javascript压缩工具 css压缩工具 ------------------------------------ //压缩JS java -jar yui...

    yui.rar 例子

    《深入理解YUI:基于“yui.rar 例子”的解析》 YUI,全称Yahoo! User Interface Library,是雅虎公司推出的一款开源JavaScript库,旨在帮助开发者构建高性能、易于维护的网页应用。本篇文章将结合“yui.rar 例子”...

    yuicompressor-2.4.8.jar

    《yuicompressor-2.4.8.jar:前端优化与代码压缩的艺术》 在Web开发领域,优化前端性能是一项至关重要的任务,而yuicompressor-2.4.8.jar正是这样一款强大的工具,专为JavaScript代码压缩而设计,助力开发者实现...

    yui_2.9.0前端UI

    YUI 库,全称Yahoo! UI Library。是一组工具和控件,用JavaScript写成, 为的是用DOM 脚本,DHTML和AJAX等技术创建丰富的网页交互式应用程序。 YUI 基于BSD协议,对所有的使用方式都是免费的。YUI 项目包括YUI 库和两...

    YUI-EXT使用详解

    **YUI-EXT使用详解** YUI-EXT是基于Yahoo! User Interface Library (YUI)的一个扩展库,专为构建富互联网应用程序(RIA)而设计。YUI-EXT提供了许多高级组件,如表格、菜单、窗口、表单、布局管理器等,极大地丰富...

    【YUI组件】基于YUI的表单验证器

    1. **YUI库**:了解YUI的基本结构、模块化设计和如何引入到项目中,是使用YUI表单验证器的前提。 2. **表单验证**:表单验证的常见规则包括非空检查、长度限制、格式验证(如邮箱、电话号码等)和自定义验证函数。 3...

    Professional JavaScript Frameworks: Prototype,YUI, ExtJS, Dojo and MooTools

    《Professional JavaScript Frameworks: Prototype,YUI, ExtJS, Dojo and MooTools》是关于JavaScript框架的高级编程资源,包含了各种知名框架的源代码,这些框架包括Prototype、YUI(Yahoo! User Interface Library...

    YUI3.6文档及示例

    YUI(Yahoo! User Interface Library)是雅虎公司推出的一款开源JavaScript库,旨在帮助开发者构建高性能、可扩展的Web应用程序。YUI3.6版本是该库的一个重要里程碑,提供了丰富的组件和工具,以支持现代Web开发的...

    《YUI使用文档》汉语版的yui学习材料

    《YUI使用文档》汉语版是一份详细的YUI学习材料,它涵盖了这个JavaScript库的核心功能和使用方法。YUI,全称Yahoo! User Interface Library,是Yahoo开发的一个开放源代码的JavaScript库,旨在帮助开发者创建交互式...

    YUI3.7.3 最新版本 带API

    YUI(Yahoo! User Interface Library)是雅虎公司推出的一款开源JavaScript库,旨在帮助开发者构建高性能、可扩展的网络应用程序。YUI3.7.3是YUI的一个特定版本,它在发布时被视为最新的版本,提供了许多改进和新...

    YUI.rar_html_javascript YUI_yui_yui javascript

    **YUI:Yahoo! User Interface Library** YUI是雅虎公司开发的一个开源JavaScript库,它为Web开发者提供了丰富的工具和组件,以构建高效、可扩展的网页应用。这个压缩包"YUI.rar"包含了YUI的源代码以及相关的HTML和...

    yui_2.6.0r2

    - Drag and Drop:拖放功能,使得用户可以通过鼠标操作移动元素。 - Container:容器组件,用于创建可自定义的容器,如面板、对话框等。 四、性能优化与兼容性 YUI 2.6.0r2版本在性能优化上下足了功夫,通过精简...

    YAHOO yui2.7 文档+ 代码+例子

    **YUI 2.7:一个全面的JavaScript和CSS框架** YUI(Yahoo! User Interface Library)是雅虎公司开发的一个开源的JavaScript和CSS库,它为构建高性能、跨平台的Web应用程序提供了丰富的工具和资源。YUI 2.7是这个库...

    yuitest YUI测试工具

    YUI Test is a complete testing framework for JavaScript and Web applications. You can use the simple JavaScript syntax to write unit tests that can be run in web browsers or on the command line, as ...

    YUI JS CSS 打包工具

    YUI JS CSS 打包工具是一款高效的前端资源优化工具,主要针对JavaScript (JS) 和 Cascading Style Sheets (CSS) 文件进行压缩和合并,以提升网页加载速度和整体性能。这款工具由雅虎(Yahoo!)开发,是其开源项目的...

    yuicompressor安装文件

    **JavaScript压缩工具——YUICompressor** YUICompressor是一款由Yahoo开发的高效JavaScript和CSS压缩工具。它通过删除空格、换行符以及不必要的字符,有效地减小了JavaScript和CSS文件的大小,从而提高了网页的...

    YUI2 库与例子都有了

    **正文** YUI(Yahoo! User Interface Library)是雅虎公司开发的一个开源JavaScript库,...尽管YUI已经发展到更现代的YUI3版本,但YUI2仍然在许多现有项目中被广泛使用,并且其社区仍然活跃,提供持续的支持和资源。

Global site tag (gtag.js) - Google Analytics