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 相关文章推荐
写出高效jquery代码的19条指南
Mar 19 Javascript
5个JavaScript经典面试题
Oct 13 Javascript
Javascript解析URL方法详解
Dec 05 Javascript
jquery validate.js表单验证入门实例(附源码)
Nov 10 Javascript
全面解析Bootstrap排版使用方法(标题)
Nov 30 Javascript
深入浅析Extjs中store分组功能的使用方法
Apr 20 Javascript
AngularJS入门教程之双向绑定详解
Aug 18 Javascript
Angular 4依赖注入学习教程之Injectable装饰器(六)
Jun 04 Javascript
Vue.js实现按钮的动态绑定效果及实现代码
Aug 21 Javascript
vue2.0 移动端实现下拉刷新和上拉加载更多的示例
Apr 23 Javascript
Elasticsearch实现复合查询高亮结果功能
Sep 10 Javascript
Openlayers实现测量功能
Sep 25 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
新安装的MySQL数据库需要注意的安全知识
2008/07/30 PHP
php使用异或实现的加密解密实例
2013/09/04 PHP
Codeigniter通过SimpleXML将xml转换成对象的方法
2015/03/19 PHP
Laravel 5.4.36中session没有保存成功问题的解决
2018/02/19 PHP
php实现二叉树中和为某一值的路径方法
2018/10/14 PHP
php面向对象程序设计入门教程
2019/06/22 PHP
使用原生js封装webapp滑动效果(惯性滑动、滑动回弹)
2014/05/06 Javascript
详解Bootstrap glyphicons字体图标
2016/01/04 Javascript
全面解析jQuery $(document).ready()和JavaScript onload事件
2016/06/08 Javascript
Google 地图控件集详解及实例代码
2016/08/06 Javascript
jQuery验证表单格式的使用方法
2017/01/10 Javascript
layui实现数据分页功能
2019/07/27 Javascript
layui 对弹窗 form表单赋值的实现方法
2019/09/04 Javascript
详解vue中使用axios对同一个接口连续请求导致返回数据混乱的问题
2019/11/06 Javascript
微信小程序背景音乐开发详解
2019/12/12 Javascript
深入解读VUE中的异步渲染的实现
2020/06/19 Javascript
[16:43]Heroes19_剃刀(完美)
2014/10/31 DOTA
[48:29]2018DOTA2亚洲邀请赛3月30日 小组赛A组 LGD VS KG
2018/03/31 DOTA
python提取字典key列表的方法
2015/07/11 Python
利用Python查看目录中的文件示例详解
2017/08/28 Python
pandas实现选取特定索引的行
2018/04/20 Python
浅谈Python里面小数点精度的控制
2018/07/16 Python
selenium+python自动化测试之环境搭建
2019/01/23 Python
对pandas通过索引提取dataframe的行方法详解
2019/02/01 Python
python实现人机猜拳小游戏
2020/02/03 Python
简单了解Python变量作用域正确使用方法
2020/06/12 Python
Python趣味入门教程之循环语句while
2020/08/26 Python
pytorch Dataset,DataLoader产生自定义的训练数据案例
2021/03/03 Python
详解html2canvas截图不能截取圆角图片的解决方案
2018/01/30 HTML / CSS
德国狗狗用品在线商店:Schecker
2017/03/17 全球购物
加拿大探亲邀请信
2014/01/28 职场文书
门诊手术室工作制度
2014/01/30 职场文书
《永远的白衣战士》教学反思
2014/04/25 职场文书
工程部文员岗位职责
2015/02/04 职场文书
学生逃课万能检讨书2000字
2015/02/17 职场文书
入党积极分子群众意见
2015/06/01 职场文书