https://github.com/jsoon/requirejs-domready

测试并验证requirejs domReady事件的触发时间点
https://github.com/jsoon/requirejs-domready

Last synced: 5 months ago
JSON representation

测试并验证requirejs domReady事件的触发时间点

• Host: GitHub
• URL: https://github.com/jsoon/requirejs-domready
• Owner: JSoon
• Created: 2016-03-24T06:27:34.000Z (over 10 years ago)
• Default Branch: master
• Last Pushed: 2016-03-24T07:46:45.000Z (over 10 years ago)
• Last Synced: 2024-12-30T00:48:31.751Z (over 1 year ago)
• Language: JavaScript
• Size: 22.5 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# requirejs-domReady

测试并验证requirejs domReady事件的触发时间点

---

## html

``` html

    requirejs domReady test

    

    

    

    

    

        require(['main.js'], function() {});

    

```

## main.js

``` javascript

define([

    'domReady'

], function (domReady) {

    $(document).ready(function () {

        console.log(document);

        var childNodes = document.body.childNodes;

        console.log('childNodes number: ' + childNodes.length);

        for (var i = 0; i < childNodes.length; i++) {

            console.log(childNodes[i] + ': ' + childNodes[i].nodeType);

        }

        console.log('jquery domReady');

    });

    domReady(function () {

        console.log('requirejs domReady');

    });

});

```

## 运行结果

![qq 20160324152236](https://cloud.githubusercontent.com/assets/16483765/14011128/e66a667a-f1d6-11e5-967c-00b1857abb3c.png)

> **结论：**可以看到，jquery的ready方法在DOM树构建后即触发，而requirejs的domReady方法则是在所有资源被加载完毕之后触发，相当于window.onload。