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 相关文章推荐
快速保存网页中所有图片的方法
Jun 23 Javascript
js数字输入框(包括最大值最小值限制和四舍五入)
Nov 24 Javascript
jQuery html() in Firefox (uses .innerHTML) ignores DOM changes
Mar 05 Javascript
JQuery实现当鼠标停留在某区域3秒后自动执行
Sep 09 Javascript
JavaScript中使用Object.create()创建对象介绍
Dec 30 Javascript
javascript图片延迟加载实现方法及思路
Dec 31 Javascript
AngularJS 中文API参考手册
Jul 28 Javascript
Vue.js 表单校验插件
Aug 14 Javascript
jstree单选功能的实现方法
Jun 07 Javascript
浅谈vue中关于checkbox数据绑定v-model指令的个人理解
Nov 14 Javascript
koa+jwt实现token验证与刷新功能
May 30 Javascript
Vue实现商品分类菜单数量提示功能
Jul 26 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
php程序之die调试法 快速解决错误
2009/09/17 PHP
php中json_encode中文编码问题分析
2011/09/13 PHP
PHP输出数组中重名的元素的几种处理方法
2012/09/05 PHP
php遍历文件夹所有文件子文件夹函数代码
2013/11/27 PHP
PHP中常用的三种设计模式详解【单例模式、工厂模式、观察者模式】
2019/06/14 PHP
用Laravel轻松处理千万级数据的方法实现
2020/12/25 PHP
一个tab标签切换效果代码
2009/03/27 Javascript
juqery 学习之四 筛选过滤
2010/11/30 Javascript
MyEclipse取消验证Js的两种方法
2013/11/14 Javascript
window.returnValue使用方法示例介绍
2014/07/03 Javascript
jQuery网页版打砖块小游戏源码分享
2015/08/20 Javascript
跟我学习JScript的Bug与内存管理
2015/11/18 Javascript
解析预加载显示图片艺术
2016/12/05 Javascript
Vue + Webpack + Vue-loader学习教程之相关配置篇
2017/03/14 Javascript
详解angularjs的数组传参方式的简单实现
2017/07/28 Javascript
JS实现小米轮播图
2020/09/21 Javascript
js实现三角形粒子运动
2020/09/22 Javascript
vue 使用 sortable 实现 el-table 拖拽排序功能
2020/12/26 Vue.js
[36:37]2014 DOTA2华西杯精英邀请赛5 24 VG VS iG
2014/05/25 DOTA
Python中字符编码简介、方法及使用建议
2015/01/08 Python
Python中的连接符(+、+=)示例详解
2017/01/13 Python
浅谈Python NLP入门教程
2017/12/25 Python
Python实现去除列表中重复元素的方法小结【4种方法】
2018/04/27 Python
Python获取系统所有进程PID及进程名称的方法示例
2018/05/24 Python
PyQt5重写QComboBox的鼠标点击事件方法
2019/06/25 Python
Python编译成.so文件进行加密后调用的实现
2019/12/23 Python
python  ceiling divide 除法向上取整(或小数向上取整)的实例
2019/12/27 Python
css3学习之2D转换功能详解
2016/12/23 HTML / CSS
html5利用canvas实现颜色容差抠图功能
2019/12/23 HTML / CSS
英国时尚家具、家居饰品及礼品商店:Graham & Green
2016/09/15 全球购物
县政府领导班子“四风”方面突出问题整改措施
2014/09/23 职场文书
设备收款委托书范本
2014/10/02 职场文书
2015年度电厂个人工作总结
2015/05/13 职场文书
暖春观后感
2015/06/08 职场文书
小学学习委员竞选稿
2015/11/20 职场文书
Java 实战项目之家居购物商城系统详解流程
2021/11/11 Java/Android