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 相关文章推荐
7款风格新颖的jQuery/CSS3菜单导航分享
Apr 23 Javascript
js动态添加事件并可传参数示例代码
Oct 21 Javascript
Jquery 在页面加载后执行的几种方式
Mar 14 Javascript
javascript动态添加checkbox复选框的方法
Dec 23 Javascript
angular和BootStrap3实现购物车功能
Jan 25 Javascript
jQuery.Form实现Ajax上传文件同时设置headers的方法
Jun 26 jQuery
jQuery插件实现的日历功能示例【附源码下载】
Sep 07 jQuery
详解使用element-ui table组件的筛选功能的一个小坑
Nov 02 Javascript
如何在微信小程序里面退出小程序的方法
Apr 28 Javascript
用原生JS实现爱奇艺首页导航栏代码实例
Sep 19 Javascript
js的Object.assign用法示例分析
Mar 05 Javascript
js实现列表按字母排序
Aug 11 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/11/02 PHP
PHP多线程抓取网页实现代码
2010/07/22 PHP
PHP抽奖算法程序代码分享
2015/10/08 PHP
Laravel日志用法详解
2016/10/09 PHP
Laravel 5.5 的自定义验证对象/类示例代码详解
2017/08/29 PHP
javascript比较文档位置
2008/04/08 Javascript
初学JavaScript_03(ExtJs Grid的简单使用)
2008/10/02 Javascript
javascript 打开页面window.location和window.open的区别
2010/03/17 Javascript
JS 自定义函数缺省值的设置方法
2010/05/05 Javascript
JQuery Ajax通过Handler访问外部XML数据的代码
2010/06/01 Javascript
原生js实现跨浏览器获取鼠标按键的值
2013/04/08 Javascript
JavaScript中字面量与函数的基本使用知识
2015/10/20 Javascript
jQuery+jsp下拉框联动获取本地数据的方法(附源码)
2015/12/03 Javascript
jQuery通过deferred对象管理ajax异步
2016/05/20 Javascript
原生js仿jquery实现对Ajax的封装
2016/10/04 Javascript
探究JavaScript中的五种事件处理程序方式
2016/12/07 Javascript
JS正则表达式判断有效数实例代码
2017/03/13 Javascript
浅谈原生JS中的延迟脚本和异步脚本
2017/07/12 Javascript
JavaScript创建对象的常用方式总结
2018/08/10 Javascript
node.js Promise对象的使用方法实例分析
2019/12/26 Javascript
微信小程序基于movable-view实现滑动删除效果
2020/01/08 Javascript
Bootstrap简单实用的表单验证插件BootstrapValidator用法实例详解
2020/03/29 Javascript
vue样式穿透 ::v-deep的具体使用
2020/06/04 Javascript
python 文件与目录操作
2008/12/24 Python
python中正则表达式的使用详解
2014/10/17 Python
使用Python编写Linux系统守护进程实例
2015/02/03 Python
python根据list重命名文件夹里的所有文件实例
2018/10/25 Python
python把转列表为集合的方法
2019/06/28 Python
python基于Selenium的web自动化框架
2019/07/14 Python
Python秒算24点实现及原理详解
2019/07/29 Python
Python爬虫爬取杭州24时温度并展示操作示例
2020/03/27 Python
俄语地区最大的中国商品在线购物网站之一:Umka Mall
2019/11/03 全球购物
庆中秋节主题活动方案
2014/02/03 职场文书
企业与个人合作经营协议书
2014/11/01 职场文书
创业计划书之家教中心
2019/09/25 职场文书
Mysql8.0递归查询的简单用法示例
2021/08/04 MySQL