页面加载就执行的写法

原创 2016年06月01日 16:36:11

1、

$(function(){ 
  $("#a").click(function(){ 
    //adding your code here 
  }); 
}); 

2、

$(document).ready(function(){ 
  $("#a").click(function(){ 
    //adding your code here   
  }); 
}); 

使用(document).ready() 的简写,同时内部的 jQuery 代码依然使用 为何。

jQuery 代码:

    jQuery(function($) {
      // 你可以在这里继续使用$作为别名...
    });

3、

window.onload = function(){ 
  $("#a").click(function(){ 
    //adding your code here 
  }); 
} 

windows.onload与$(document).ready之间的区别:
windows.onload 在整个页面的document全部加载完成以后执行。不幸的这种方式不仅要求页面的DOM tree全部加载完成,而且要求所有的外部图片和资源全部加载完成。更不幸的是,如果外部资源,例如图片需要很长时间来加载,那么这个js效果就会让用户感觉失效了。
但是用jquery的方法就仅仅只需要加载所有的DOM结构,在浏览器把所有的HTML放入DOM tree之前就执行js效果。包括在加载外部图片和资源之前。

版权声明:本文为博主原创文章,未经博主允许不得转载。

怎样在jsp页面加载时首先执行某个js

假如我们再加载登录页面时,当加载完成页面时,把光标指定在用户名那里 如下所示 一般有两种做法 1  此方法是光标停留在用户名上 function init(){  var ctrl=...
  • sinat_30474567
  • sinat_30474567
  • 2017年05月26日 11:16
  • 3390

页面载入完成后执行多个函数。

页面载入完成以后会触发一个事件,这个事件是附加在窗口对象的onload事件。...
  • zxjiayou1314
  • zxjiayou1314
  • 2015年05月24日 19:01
  • 536

页面自动执行(加载)js的几种方法

一、JS方法 1.最简单的调用方式,直接写到html的body标签里面: 1 2 body onload="myfunction()"> html> ...
  • zdnlp
  • zdnlp
  • 2013年11月06日 17:48
  • 135887

放在HTML里的哪一部分JavaScripts会在页面加载时被执行?

放在HTML里的哪一部分Javascript会在页面加载时被执行() A.文件头部位置 B.文件尾 C.标签部分 D.标签部分 浏览器对html页面内容的加载是顺序加载,也就...
  • sinat_34271320
  • sinat_34271320
  • 2017年06月08日 20:38
  • 422

微信小程序中的页面加载函数

每个页面中的js代码,都要写在Page({}) 这个page里边,其中 onLoad函数是微信小程序中的页面加载函数 onLoad:function(options){}...
  • phplaoniao
  • phplaoniao
  • 2018年01月06日 18:47
  • 331

页面加载时执行js的几种方法

$(function () {}); $(document).ready(function() { }); window.onload = function() { } 1.执行时间    ...
  • u012325403
  • u012325403
  • 2015年09月18日 17:19
  • 2717

jquery页面加载成功后自动执行

jquery加载页面的方法(页面加载完成就执行),建议大家看下windows.onload与$(document).ready之间的区别。 1、$(function(...
  • shikenian520
  • shikenian520
  • 2015年10月10日 09:33
  • 968

加载页面后,需要触发点击事件,但是没有执行

问题:加载页面后,需要触发点击事件,但是没有执行 解决办法:把需要在页面加载完后触发的代码放在body标签内的最后面。就可以了//放在body标签内的最后面 $(function(){ ...
  • liuzp111
  • liuzp111
  • 2017年12月28日 16:40
  • 185

页面加载完成后自动执行(js代码)

1.在body中用onload: 2、在脚本中用window.onload: function test(){ alert("aaa"); } ...
  • Sunny_myj
  • Sunny_myj
  • 2017年03月07日 19:53
  • 567

js中页面加载完成后执行的几种方式及执行顺序

页面加载完成后执行的几种方式:1:使用jQuery的$(function){};2:使用jquery的$(document).ready(function(){});3:使用jQuery的$(wind...
  • yangrenjunjiayou
  • yangrenjunjiayou
  • 2017年04月25日 09:05
  • 12449
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:页面加载就执行的写法
举报原因:
原因补充:

(最多只允许输入30个字)