jQuery加载页面小结
来源:互联网 发布:淘宝优惠券图片制作 编辑:程序博客网 时间:2024/06/01 09:36
前言:在日常前端开发的过程当中,常常需要在加载完页面的同时加载js文件,正好遇到这个问题,查阅了相关资料,做了一个小小的总结,错误之处,还请多多指正。
一.方法
1.这种方法很明显是用了jQuery框架,它的最大的优点就是执行js效果快,原因是浏览器加载完DOM结构之后就会执行js效果,包括在所有的HTML放入DOM tree和加载外部图片、资源之前。
<script type="text/javascript"> $(document).ready(function(){ $("#a").click(function(){ //adding your code here }); });</script>2.这是上面这种jQuery方法的简写模式,从代码的简洁以及为程序员减轻负担的方面考虑(程序员也是人。。。)建议用这种方法,优点当然跟上面一样的。
<script type="text/javascript"> $(function(){ $("#a").click(function(){ //adding your code here }); }); </script>3.这是原生js的方法,但是最大的缺点就是执行效果慢,特别是有大量外部资源的时候,例如图片需要很长时间来加载,原因是浏览器会加载整个页面的document全部加载完成以后执行,包括所有的外部图片和资源,不过现在的用原生的js基本不多见了,所以这种方法也就基本不怎么用了。
<script type="text/javascript"> window.onload = function(){ //adding your code here }</script>
二.总结
随着现在科技的发展,技术的更新换代变得越来越快,对程序员的要求也是越来越高,需要懂后端开发的同时也需要不停的关注前端的发展,有时候更要参与到前端的开发中去,也许需要做的就是不断学习。
阅读全文
0 0
- jQuery加载页面小结
- JQuery页面加载效果
- jquery 加载页面
- jquery 异步加载页面
- 页面加载顺序jQuery
- jquery 页面加载事件
- jQuery页面加载方法
- jquery 加载页面
- jquery加载页面简述区别
- jQuery模拟页面加载进度条
- jQuery页面加载的代码
- jquery 实现页面自动加载
- jquery学习之页面加载
- jQuery页面加载响应事件
- jquery加载页面的方法
- jquery datagrid 页面加载过慢
- jQuery学习--jQuery页面加载完成事件
- Jquery加载页面的方法(页面加载完成就执行)
- centos系统下安装javaJDK
- Android 嵌套滑动——NestedScrolling完全解析
- vue.js实现数据驱动视图原理
- 【一道数学题】从(0,0)点经过(x,y)点到达(a,b)点的最短路径有多少条
- Hanoi拓展(java)
- jQuery加载页面小结
- Java
- 洛谷 1016 [NOIP1999] 旅行家的预算 贪心
- QCustomPlot使用手册(四)
- Clarifai
- Socket编程3-TcpListener,TcpClient-UdpClient
- 深入理解Java虚拟机(二)-----垃圾回收(GC)
- iOS 模块详解—「Runtime面试、工作」看这就够了
- 【兴趣书签】烧脑的科幻短篇小说