jquery页面加载成功后自动执行
来源:互联网 发布:python json 打印出来 编辑:程序博客网 时间:2024/05/01 18:07
jquery加载页面的方法(页面加载完成就执行),建议大家看下windows.onload与$(document).ready之间的区别。
<iframe id="cproIframe_u2298924_2" width="650" height="200" src="http://pos.baidu.com/acom?adn=3&adp=1&at=0&aurl=&c01=1&cad=1&ccd=24&cec=GBK&cfv=0&ch=0&col=zh-CN&conBW=0&conOP=1&cpa=1&cpro_lu=1%2C%23dfe4f9%2C%23000000%2C%E5%AE%8B%E4%BD%93&dai=2&dis=0&layout_filter=image&ltr=https%3A%2F%2Fwww.baidu.com%2Flink%3Furl%3DStNgdYVzhQEwmJSVQgbPyubh5LarjDPPP3tGMeZN5BVyXj8K-QBthie06hUJSlEl%26wd%3D%26eqid%3Ddbfe02f4000810da0000000556186a4c&ltu=http%3A%2F%2Fwww.jb51.net%2Farticle%2F27444.htm&lu_161=0&lunum=6&n=jb51_cpr&pat=1&pcs=1903x995&pih=80&pis=10000x10000&piw=130&ps=516x486&psr=1920x1080&pss=1903x517&ptbg=90&ptp=0&ptt=0&qn=35ffa83a758b4881&rad=&rsi0=650&rsi1=200&rsi5=4&rss0=%23FFFFFF&rss1=%23FFFFFF&rss2=%23000000&rss3=%23444444&rss4=%23008000&rss5=&rss6=%23e10900&rss7=&scale=&skin=tabcloud_skin_5&stid=5&td_id=2298924&tft=0&titFF=%25E5%25BE%25AE%25E8%25BD%25AF%25E9%259B%2585%25E9%25BB%2591&titFS=14&titSU=0&titTA=left&tlt=0&tn=baiduCustNativeAD&tpr=1444440659777&ts=1&version=2.0&xuanting=0&dtm=BAIDU_DUP2_SETJSONADSLOT&dc=2&di=u2298924&ti=jquery%E5%8A%A0%E8%BD%BD%E9%A1%B5%E9%9D%A2%E7%9A%84%E6%96%B9%E6%B3%95(%E9%A1%B5%E9%9D%A2%E5%8A%A0%E8%BD%BD%E5%AE%8C%E6%88%90%E5%B0%B1%E6%89%A7%E8%A1%8C)_jquery_%E8%84%9A%E6%9C%AC%E4%B9%8B%E5%AE%B6&rs=60010&tt=1444440659758.118.276.277" align="center,center" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" allowtransparency="true"></iframe>
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代码为<input type="button" id="a">点击</input>,且页面需要引用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");
});
$("#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代码为<input type="button" id="a">点击</input>,且页面需要引用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");
});
0 0
- jquery页面加载成功后自动执行
- jquery 实现页面加载完成后,自动执行
- JQuery页面加载完成后执行事件
- jquery页面加载完成后执行方法
- 加载完成一个页面后自动执行一个方法
- 页面加载完成后自动执行(js代码)
- Jquery 在页面加载后执行的几种实现
- Jquery 在页面加载后执行多种方式
- Jquery在页面加载后执行的三种方式
- 在页面加载完后执行jQuery代码
- Jquery 在页面加载后执行的几种方式
- 使用jQuery在页面显示完后自动加载
- jquery 页面加载完成后自动调用方法
- ajax 执行成功后返回j页面加载 joson 数据(加载select数据)
- ajax请求成功后执行回调方法后页面会自动刷新问题
- 页面加载后执行脚本
- 页面加载后自动运行
- jquery 实现页面自动加载
- 数据库事务隔离级别和锁实现机制
- 高级程序语言
- perl客户需求设置自动生成
- Android实现推送方式解决方案
- Android性能优化小集二
- jquery页面加载成功后自动执行
- 安装mysql数据库
- 数据结构_简单的多叉树
- linux发行版i386i686x86-64的区别
- 国产密码算法:锻造信息安全之盾
- windows socket简单编程
- Hadoop集群系列
- qss使用
- 阿里云git服务器搭建