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

当页面打开时我们需要执行一些操作,这个时候如果我们选择使用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呢! 这个大家应该比较清楚吧! 
 
第二种:

复制代码代码如下:

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

</script>

 
第三中:

复制代码代码如下:

<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>

 
ps;不用jquery,在页面初始化的方法,

1.在body里面写onload

2.在脚本里面写

复制代码代码如下:

window.onload=function(){ 
//要初始化的东西 
}

时间: 2024-11-05 16:04:11

jQuery页面加载初始化常用的三种方法的相关文章

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

在做项目时经常会遇到这样的问题:页面加载完毕自动执行action加载数据.这时候估计就要想起jquery+ajax. 方式一: $(document).ready(function(){ $.ajax({ url:'你的action', data:{需要传的参数,如果是get方式,jquery会自动将参数组装到你的url后}, success:function(resultdata){ } }); }); 方式二: $(function(){ alert("使用ajax请求数据");

jQuery 页面加载初始化

jQuery 页面加载初始化的方法有3种 ,页面在加载的时候都会执行脚本,应该没什么区别,主要看习惯吧,本人觉得第二种方法最好,比较简洁. 第一种: $(document).ready(function(){ alert("第一种方法."); }); 第二种: $(function(){ alert("第二种方法."); }); 第三种: jQuery(function($) { alert("第三种方法."); }); ps;不用jQuery,

jQuery页面加载初始化的几种方法

在新的公司里工作,最近一直在做关于js和jQuery的开发,下面三种是最常见的jquery页面加载初始化的方法 第一种,去年实习时的公司用的是这样 $(function(){ //定义局部变量 //var a; ... init(); }); function init(){ alert(123); } 第二种,和上面的写法类似 jQuery(function($){ //定义局部变量 //var a; ... init(); }); function init(){ alert(123); }

js jquery 页面加载初始化方法

一.js页面加载初始化方法 // 1.在body里面写初始化方法. <body onload='init()'> </body> <script type="text/javascript"> function init(){ // 初始化内容 } </script> // 2.window.onload=function(){} <script type="text/javascript"> window

(转,记录用)jQuery页面加载初始化的3种方法

jQuery 页面加载初始化的方法有3种 ,页面在加载的时候都会执行脚本,应该没什么区别,主要看习惯吧,本人觉得第二种方法最好,比较简洁. 第一种: [javascript] view plain copy $(document).ready(function(){ alert("第一种方法."); }); 第二种: [javascript] view plain copy $(function(){ alert("第二种方法."); }); 第三种: [javas

VC6.0加载lib文件的三种方法

MFC编写程序,都要用到动态链接库,MFC相关的动态库有MFCD42和MFC42等,MFC框架程序已经自动加载,那么如何引入第三方的动态链接库到工程中呢? 静态链接库是要先把程序中所需要使用的函数编译成机器码,保存在*.lib文件中.编译器会去*.lib中找出所需要的函数,并把这些函数的机器码复制一份,放在可执行文件中.将lib库引入工程,有下面3种方法. 第一种方法,lib文件直接加入到工程文件列表中. 在VC中打开“File View”一页,选中工程名,单击鼠标右键,然后在弹出的快捷菜单中选

HTML 页面加载 Flash 插件的几种方法

前言 之所以写这篇文章,主要是因为组长给提的一个新的需求--使用浏览器调用电脑的摄像头,来实现即时拍照的功能.在网上查了很多资料,由于这样那样的原因,最终选择了使用flash插件来调用pc的摄像头.当然,这个需求是基于B/S架构的,因此,就在想怎么把它嵌入到前端的HTML页面中. 题外话 当然,这里还没有考虑到封装,主要是先以实现为目的,后续工作再根据业务进行抽象,封装成通用的组件.好了,废话不多说,看重点. 嵌入插件 使用 object 和 embed 标签 代码展示 <span style=

jQuery页面加载初始化的3种方法

$(document).ready(function(){ alert("第一种方法."); }); $(function(){ alert("第二种方法."); }); jQuery(function($) { alert("第三种方法."); });

Jquery 页面初始化常用的三种方法以及Jquery 发送ajax 请求

第一种 $(document).ready(function(){ //文档就绪事件 }); 第二种是第一种的简略写法,效果上和第一种是等效的. $(function(){ //文档加载事件,整个文档加载完成后执行.就仅仅只需要加载所有的DOM结构,在浏览器把所有的HTML放入DOM tree之前就执行js效果.包括在加载外部图片和资源之前. }); 第三种 jQuery(function($){ }); window.onload=function(){ //onload事件是js 中的代码