这里是利用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. 【LatinIME】默认开启键盘按键声
  2. Android(安卓)Gallery3D效果 教程 案例
  3. android中string.xml文件的使用
  4. Android嵌入式底层开发技术(应试)
  5. Android SDK 2.1 下载与安装教程
  6. 【Android】Android的快速开发框架Afinal
  7. Android导航栏资源总结,单纯防丢!
  8. 学习Android 必备 实例大集合
  9. 【Android游戏开发二十一】Android os设
  10. android 网络 post get