这里是利用es6的promise函数来异步加载，当HTML动态加载过去的HTML片段加载完毕再执行绑定事件的js代码；

具体过程如下

这里是用了jQuery框架的例子

 1 $(function(){
 2     //css
 3 var preload=new Promise(function (open) {
 4     var link=document.createElement("link");
 5     link.rel="stylesheet";
 6     link.href="css/top.css";
 7     document.head.appendChild(link);
 8     //html
 9     $.ajax({
10         type:"get",
11         url:"totop.html",
12         success:function(html){document.getElementById("header").innerHTML=html;
13             open();
14 //open写在这里的意思是当上面的代码执行完毕才执行下面then后面的内容，相当与开关
15         }
16     });
17 
18     });
19     preload.then(function(){
20  // 需要等HTML加载dom渲染完毕才能执行的js代码写在这里，即给元素绑定的各种事件     
21   })
22 })

更多相关文章

1. 常用验证JS代码基础及实例
2. 如何在角度js中每5秒重新加载网格？
3. 试着在我的javascript代码中理解“this”（一件事有效，另一件没有）
4. 如何在点击时动态加载/播放/暂停多源HTML5音频？
5. 每次在HTML5中加载静态图像
6. Angularjs - NgTable在重新加载时未定义
7. 代码点火-如何从控制器返回Json响应
8. 小弟初学网页（javascript)，看不懂下面的代码。但又要完成任务 各位
9. 使用jquery在textarea中的颜色代码

随机推荐

1. Android中使用HorizontalScrollView横向
2. Android使用 startActivityForResult 、
3. NDK笔记---Android.mk文件
4. Android绑定银行卡提现怎么做？
5. 简单的DatePicker样式设置
6. Android中findViewById()h获取EditText
7. StringBuffer和String、 StringBuilder的
8. android ListView 九大重要属性详细分析
9. 如何在android 5.0(L)中运行应用程序活动
10. 为什么我的Android应用程序偶尔可以非常