- <!--
- 此文件用来测试browser解析html的时间顺序
- 1, script to load jQuery.js. -- <script> in <head>
- 2, script to load dojo.js. -- loadDojo function.
- 3, DOMContentLoaded event.
- 4, window load event.
- 5, dojo.js script load event.
- 在代码中嵌入了大量的log来探索dojo和jquery是否被定义。
- 使用方法: 有6中组合方式
- <script> for jQuery.js 可以使用async属性或者不使用async.
- 乘以
- loadDojo方法可以放在Place 1, Place 2或者Place 3处。默认情况放在了Place 3处。
- 一个地方使用时,另外两个地方必须屏蔽。
- -->
- <html>
- <head>
- <meta http-equiv="content-type" content="text/html;charset=utf-8">
- <script type="text/javascript" src1="http://code.jquery.com/jquery-1.8.0.js"></script>
- </head>
- <body>
- before
- <script>
- // This function load dojo resource by creating <script> tag. You can put this function in 3 places to test how browser load JS.
- function loadDojo() {
- var s = document.createElement('script');
- s.src = 'http://ajax.googleapis.com/ajax/libs/dojo/1.8.0/dojo/dojo.js';
- s.type='text/javascript';
- s.async = true;
- s.addEventListener('load',
- function(){
- console.log('=========script ready=========');
- console.log('dojo:' + !!window.dojo);
- console.log('jQuery:'+!!window.jQuery);
- },
- false);
- document.head.appendChild(s);
- };
- document.addEventListener('DOMContentLoaded',
- function(){
- console.log('==========dom ready============');
- console.log('dojo:' + !!window.dojo);
- console.log('jQuery:'+!!window.jQuery);
- // Place 1.
- // You can put function here:
- //loadDojo();
- },
- false);
- window.addEventListener('load',
- function(){
- console.log('==============window ready==============');
- console.log('dojo:' + !!window.dojo);
- console.log('jQuery:'+!!window.jQuery);
- // Place 2.
- // You can put function here:
- // loadDojo();
- },
- false);
- // Place 3.
- // You can put function here:
- loadDojo();
- console.log('=========after creation ============');
- console.log('dojo:' + !!window.dojo);
- console.log('jQuery:'+!!window.jQuery);
- </script>
- after
- <body>
- </html>
- //该片段来自于http://www.codesnippet.cn/detail/240720134776.html
来源: http://www.codesnippet.cn/detail/240720134776.html