当前位置:  编程技术>WEB前端

页面加载完成后再执行JS的jquery写法以及区别说明

    来源: 互联网  发布时间:2014-08-25

    本文导语:  1、$(function(){   $("#a").click(function(){     //adding your code here   }); }); 2、$(document).ready(function(){   $("#a").click(function(){     //adding your code here     }); }); 3、window.onload = function(){   $("#a").click(function(){     ...

1、$(function(){
  $("#a").click(function(){
    //adding your code here
  });
});
2、$(document).ready(function(){
  $("#a").click(function(){
    //adding your code here  
  });
});
3、window.onload = function(){
  $("#a").click(function(){
    //adding your code here
  });
}
html代码为点击,且页面需要引用jquery的js文件

一般的加载页面时调用js方法如下:

代码如下:

window.onload = function() {
 $("table tr:nth-child(even)").addClass("even"); //这个是jquery代码
};

这段代码会在整个页面的document全部加载完成以后执行。不幸的这种方式不仅要求页面的DOM tree全部加载完成,而且要求所有的外部图片和资源全部加载完成。更不幸的是,如果外部资源,例如图片需要很长时间来加载,那么这个js效果就会让用户感觉失效了。

但是用jquery的方法:

代码如下:

$(document).ready(function() {
 // 任何需要执行的js特效
 $("table tr:nth-child(even)").addClass("even");
});

就仅仅只需要加载所有的DOM结构,在浏览器把所有的HTML放入DOM tree之前就执行js效果。包括在加载外部图片和资源之前。

还有一种简写的方式:

代码如下:

$(function() {
 // 任何需要执行的js特效
 $("table tr:nth-child(even)").addClass("even");
});

    
 
 

您可能感兴趣的文章:

  • 在aspx页面引用html页的写法
  • ASP.NET 页面中加添加用户控件的写法
  • JSP页面之间如何进行对象序列化传递???请教代码写法.I am online now。
  • 解决用jquery load加载页面到div时,不执行页面js的问题
  • jQuery 页面加载 fakeLoader.js
  • 在jsp页面加载时自动调用某个特定的servlet,由servlet查询数据库输出WEB页面返回给jsp显示?
  • jQuery页面加载完毕再执行代码多种方法
  • JQuery在页面加载完成时执行函数的示例代码
  • jquery实现在页面加载的时自动为日期插件添加当前日期
  • 在页面加载完成后通过jquery给多个span赋值
  • jsp页面中的代码执行加载顺序介绍
  • 好多网站上加载比较大的页面的时候会有个信息指示,比如说“正在加载页面……”,然后页面加载好了就自动消失了,那个怎么做呀?
  • Jquery 在页面加载后执行的几种方式
  • jquery实现在页面加载完毕后获取图片高度或宽度
  • 基于JQuery实现滚动到页面底端时自动加载更多信息
  • frameset布局时frame中src路径的页面没有加载的解决方法
  • jquery 页面滚动到底部自动加载插件集合
  • 为何我使用javascript中location'****.jsp'跳到某一页面,jsp页面不重新编译执行 iis7站长之家
  • 多种方法实现当jsp页面完全加载完成后执行一个js函数
  • jQuery页面加载初始化常用的三种方法
  • 解析页面加载与js函数的执行 onload or ready
  • jquery进度条代码 jquery模拟页面加载进度
  • asp.net上传execl文件后,在页面上加载显示(示例代码)
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • JSP中如何在一页面执行后导入另一页面?
  • 为何我使用javascript中location'****.jsp'跳到某一页面,jsp页面不重新编译执行
  • jquery防止重复执行动画避免页面混乱
  • PHP如何设置页面最大执行时间
  • jsp中sql语句执行时间太长,用浏览器打开时,页面超时,如何处理?
  • 页面执行的问题
  • 关于装入CR3、页面映射、连续执行...的问题
  • asp.net显示页面执行时间
  • 有终止jsp页面的继续执行的命令么?(类似于asp中resonse.end())
  • 怎么样使JSP页面按时间周期自动执行?????????????急!!!!!!!!!!
  • 我在书上看到:“JSP页面最终都要编译成SERVLET 才能执行” 那么我自已可以写SERVLET 吗?如果能,又怎样运行它呢 ?
  • 怎样利用html中的超链接来执行一个servlet或者提交该页面上的数据给一个JSP
  • 请问下,我想在个页面的中间自动的,不靠提交的而执行一段javaBean,输出一组数据,应该怎样做??我是新手,谢谢
  • 在servlet循环中如何在条件成立时,不再执行下面的程序立刻跳转到别的页面(在线等待)
  • servlet执行完逻辑运算后,如何指向一个已经存在的jsp页面
  • 在jsp中做页面登录,出现错误信息“数据库执行错误:No suitable driver”,我怀疑是不是我不能用sql 7.0
  • 在编写Jsp的页面中,提交和传递参数是怎样执行的?
  • asp.net按钮只执行客户端代码不回送页面的方法
  • php页面最大执行时间 set_time_limit函数不起作用
  • 通过javascript库JQuery实现页面跳转功能代码
  • 一JSP网站,统一指定一个errorPage页面,统一处理异常,在指定的errorPage页面中,我想知道具体是哪个页面出错的,即想知道出错页面的具
  • JavaScript实现页面跳转的几种方法(参考代码)
  • 求救!weblogic6.0后台运行正确,前台页面跳转或调用其他页面时出“页面无法显示错误”
  • HTML 5 <base> 标签-规定页面中所有链接的基准 url
  • jquery 父页面查找iframe子页面内容、子页面查找父页面内容
  • HTML <!DOCTYPE> 标签用法详解及如何解决<!DOCTYPE html>未声明时导致页面无效的问题
  • 请问applet怎么能与所在的页面进行通讯 即从页面中取得变量和把返回值返回给页面?
  • 页面刷新问题:所有的页面在打开时无论传递的参数是什么,打开的总是上一次打开页面的内容,必需刷新之后才能看到实际的网页。
  • 如何在让表单的提交页面出现在框架页面中。
  • 如何能够只打印,页面上的表格,页面上的上一页,下一页,还有按钮不打印
  • 请问怎么样能自动定向到另一个页面并且给那个页面传参数呀?


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3