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 相关文章推荐
改变隐藏的input中value的值代码
Dec 30 Javascript
jQuery.each使用详解
Jul 07 Javascript
浅谈React 属性和状态的一些总结
Nov 21 Javascript
ajax实现动态下拉框示例
Jan 10 Javascript
Vue获取DOM元素样式和样式更改示例
Mar 07 Javascript
webpack处理 css\less\sass 样式的方法
Aug 21 Javascript
详解a++和++a的区别
Aug 30 Javascript
原生js实现淘宝放大镜效果
Oct 28 Javascript
js定义类的方法示例【ES5与ES6】
Jul 30 Javascript
Element Carousel 走马灯的具体实现
Jul 26 Javascript
解决vuecli3中img src 的引入问题
Aug 04 Javascript
vscode自定义vue模板的实现
Jan 27 Vue.js
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的超级变量$_POST获取HTML表单(HTML Form) 数据
2011/05/07 PHP
通过dbi使用perl连接mysql数据库的方法
2014/04/16 PHP
win7安装php框架Yii的方法
2016/01/25 PHP
Firefox div高度自适应
2009/04/28 Javascript
ExtJS4 组件化编程,动态加载,面向对象,Direct
2011/05/12 Javascript
文本有关的样式和jQuery求对象的高宽问题分别说明
2013/08/30 Javascript
js快速排序的实现代码
2013/12/08 Javascript
Egret引擎开发指南之视觉编程
2014/09/03 Javascript
javascript实现window.print()去除页眉页脚
2014/12/30 Javascript
在JavaScript中正确引用bind方法的应用
2015/05/11 Javascript
JavaScript的React Web库的理念剖析及基础上手指南
2016/05/10 Javascript
移动端横屏的JS代码(beta)
2016/05/16 Javascript
angularjs 表单密码验证自定义指令实现代码
2016/10/27 Javascript
详解jquery easyui之datagrid使用参考
2016/12/05 Javascript
a标签置灰不可点击的实现方法
2017/02/06 Javascript
JS滚动到指定位置导航栏固定顶部
2017/07/03 Javascript
jquery获取链接地址和跳转详解(推荐)
2017/08/15 jQuery
Vue项目中设置背景图片方法
2018/02/21 Javascript
vue中实现移动端的scroll滚动方法
2018/03/03 Javascript
vue init webpack myproject构建项目 ip不能访问的解决方法
2018/03/20 Javascript
JavaScript数据结构之栈实例用法
2019/01/18 Javascript
vue-router 前端路由之路由传值的方式详解
2019/04/30 Javascript
JS实现长图上下滚动效果
2020/03/19 Javascript
Vue中key的作用示例代码详解
2020/06/10 Javascript
微信小程序中data-key属性之数据传输(经验总结)
2020/08/22 Javascript
JavaScript实现无限轮播效果
2020/11/19 Javascript
python中使用mysql数据库详细介绍
2015/03/27 Python
简单谈谈Python中的几种常见的数据类型
2017/02/10 Python
Python自动发邮件脚本
2017/03/31 Python
python创建文件备份的脚本
2018/09/11 Python
python实现两个一维列表合并成一个二维列表
2019/12/02 Python
Halston Heritage官网:简洁的日装,稍显奢华的晚装
2018/11/20 全球购物
英国领先的在线高尔夫商店:Gamola Golf
2019/11/16 全球购物
《黄山奇石》教学反思
2014/04/19 职场文书
人事文员岗位职责
2015/02/04 职场文书
家长对孩子的寒假评语
2015/10/09 职场文书