jQuery页面加载初始化常用的三种方法


Posted in Javascript onJune 04, 2014

当页面打开时我们需要执行一些操作,这个时候如果我们选择使用jquery的话,需要重写他的3中方法,自我感觉没什么区

别,看个人喜好了,第二种感觉比较简单明了:

第一种:

<script type="text/javascript" src="./js/jquery-1.7.min.js"></script>

<script type="text/javascript"> 
//init method one 
$(document).ready(function(){ 
trace("初始化方法进入"); 
}); 
function trace(obj){ 
console.log(obj); 
} 
</script>

firefox 按下f12 调试 为什么不用alert 而选用console.log呢! 这个大家应该比较清楚吧!
jQuery页面加载初始化常用的三种方法 
第二种:
<script type="text/javascript"> 
//init method one 
$(function(){ 
trace("初始化方法进入二"); 
}); 
function trace(obj){ 
console.log(obj); 
} 
</script>

jQuery页面加载初始化常用的三种方法 
第三中:
<script type="text/javascript" src="./js/jquery-1.7.min.js"></script> 
<script type="text/javascript"> 
//init method one 
jQuery(function($){ 
trace("初始化方法进入三"); 
}); 
function trace(obj){ 
console.log(obj); 
} 
</script>

jQuery页面加载初始化常用的三种方法 
ps;不用jquery,在页面初始化的方法,

1.在body里面写onload

2.在脚本里面写

window.onload=function(){ 
//要初始化的东西 
}
Javascript 相关文章推荐
JavaScript之appendChild、insertBefore和insertAfter使用说明
Dec 30 Javascript
简单谈谈json跨域
Mar 13 Javascript
三种带箭头提示框总结实例
Jun 14 Javascript
AngularJS中$http服务常用的应用及参数
Aug 22 Javascript
mvc 、bootstrap 结合分布式图简单实现分页
Oct 10 Javascript
Bootstrap如何创建表单
Oct 21 Javascript
微信小程序 五星评分的实现实例
Aug 04 Javascript
bootstrap confirmation按钮提示组件使用详解
Aug 22 Javascript
js+canvas实现验证码功能
Sep 21 Javascript
JavaScript Canvas实现验证码
Aug 02 Javascript
angularJS自定义directive之带参方法传递详解
Oct 09 Javascript
小程序中的箭头函数的具体使用
Jun 19 Javascript
JS替换字符串中字符即替换全部而不是第一个
Jun 04 #Javascript
ActiveX控件与Javascript之间的交互示例
Jun 04 #Javascript
使用jquery修改表单的提交地址基本思路
Jun 04 #Javascript
jQuery操作元素css样式的三种方法
Jun 04 #Javascript
跟我学Node.js(四)---Node.js的模块载入方式与机制
Jun 04 #Javascript
使用GruntJS构建Web程序之构建篇
Jun 04 #Javascript
使用GruntJS构建Web程序之安装篇
Jun 04 #Javascript
You might like
制作美丽的拉花
2021/03/03 冲泡冲煮
PHP数组交集的优化代码分析
2011/03/06 PHP
php+js实现异步图片上传实例分享
2014/06/02 PHP
WordPress中重置文章循环的rewind_posts()函数讲解
2016/01/11 PHP
php自动加载方式集合
2016/04/04 PHP
php把时间戳转换成多少时间之前函数的实例
2016/11/16 PHP
ubutu 16.04环境下,PHP与mysql数据库,网页登录验证实例讲解
2017/07/20 PHP
Laravel框架Request、Response及Session操作示例
2019/05/06 PHP
php获取是星期几的的一些常用姿势
2019/12/15 PHP
Javascript 定时器调用传递参数的方法
2009/11/12 Javascript
人人网javascript面试题 可以提前实现下
2012/01/05 Javascript
javascipt匹配单行和多行注释的正则表达式
2013/11/20 Javascript
AngularJS 中的指令实践开发指南(一)
2016/03/20 Javascript
基于Nodejs利用socket.io实现多人聊天室
2017/02/22 NodeJs
浅谈js中startsWith 函数不能在任何浏览器兼容的问题
2017/03/01 Javascript
jQuery插件Echarts实现的双轴图效果示例【附demo源码下载】
2017/03/04 Javascript
详解webpack打包vue时提取css
2017/05/26 Javascript
基于Vuejs的搜索匹配功能实现方法
2018/03/03 Javascript
JQuery省市联动效果实现过程详解
2020/05/08 jQuery
element日历calendar组件上月、今天、下月、日历块点击事件及模板源码
2020/07/27 Javascript
[04:03]DOTA2肉山黑名单梦之声 风暴之灵中文配音鉴赏
2013/07/03 DOTA
[05:39]2014DOTA2国际邀请赛 DK晋级胜者组专访战队国士无双
2014/07/14 DOTA
[01:14]DOTA2亚洲邀请赛 ShowOpen
2015/02/07 DOTA
pandas数据框,统计某列数据对应的个数方法
2018/04/11 Python
python3 selenium自动化 下拉框定位的例子
2019/08/23 Python
Python BeautifulReport可视化报告代码实例
2020/04/13 Python
深入了解NumPy 高级索引
2020/07/24 Python
python实现磁盘日志清理的示例
2020/11/05 Python
python 用struct模块解决黏包问题
2020/11/07 Python
中东地区为妈妈们提供一切的头号购物目的地:Sprii
2018/05/06 全球购物
企业管理部经理岗位职责
2013/12/24 职场文书
单位创先争优活动方案
2014/01/26 职场文书
市场部业务员岗位职责
2014/04/02 职场文书
副护士长竞聘演讲稿
2014/04/30 职场文书
农民工工资承诺书大全
2015/05/04 职场文书
使用PostGIS完成两点间的河流轨迹及流经长度的计算(推荐)
2022/01/18 PostgreSQL