Welcome 微信登录
编程资源 图片资源库 蚂蚁家优选 PDF转换器

首页 / 操作系统 / Linux / jQuery文档加载完毕的几种写法

js中文档加载完毕。一般在body加一个onload事件或者window.onload = function () {}jQuery中有好多写法,平时也不注意,别人一问,还真觉得头大。下面是我整理测试的结果。<html>
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 <script src="jquery-1.7.1.js" type="text/javascript"></script></head><body style=" overflow-y:scroll;overflow-x:auto;">
<input type="text"  id="dd1" value="" /><textarea id="tt" cols="30" rows="30"></textarea>
</body>
</html>
       
<script>
var i=1;//jQuery方式
$(document).ready(function(){
   var str=$("#tt").val()+" "+"$_A加载完毕"+i;
  $("#tt").val(str);
  i++;
    });$(function(){
  var str=$("#tt").val()+" "+"$_B加载完毕"+i;
  $("#tt").val(str);
  i++;
 }) ;$(function($) {
        var str=$("#tt").val()+" "+"$_C加载完毕"+i;
  $("#tt").val(str);
  i++;
});$(window).load(function() {
        var str=$("#tt").val()+" "+"$_D加载完毕"+i;
  $("#tt").val(str);
  i++;
});(function() {
        var str=$("#tt").val()+" "+"$_E加载完毕"+i;
  $("#tt").val(str);
  i++;
})(jQuery)////////////////////jQuery与别名$可互通/////////////////////////////////
jQuery(document).ready(function(){
   var str=$("#tt").val()+" "+"jQuery_F加载完毕"+i;
  $("#tt").val(str);
  i++;
    });jQuery(function() {
        var str=$("#tt").val()+" "+"jQuery_G加载完毕"+i;
  $("#tt").val(str);
  i++;
})
jQuery(function($) {
        var str=$("#tt").val()+" "+"jQuery_H加载完毕"+i;
  $("#tt").val(str);
  i++;
});jQuery(window).load(function() {
        var str=$("#tt").val()+" "+"jQuery_I加载完毕"+i;
  $("#tt").val(str);
  i++;
});//js方式
window.onload = function () {
   var str=document.getElementById("tt").value+" "+"js加载完毕"+i;;
  document.getElementById("tt").value=str;
  i++;
 }; 
/*注意顺序,没有按照我们上面的顺序出来的,那就是本身加载有先后。
D和I加载的是window,所以慢。$_E加载完毕1
$_A加载完毕2
$_B加载完毕3
$_C加载完毕4
jQuery_F加载完毕5
jQuery_G加载完毕6
jQuery_H加载完毕7
js加载完毕8
$_D加载完毕9
jQuery_I加载完毕10*/
</script>Java Swing中的透明窗体(Windows中消息提示框的制作) http://www.linuxidc.com/Linux/2014-04/99622.htm用Java Swing编写简单的测试小工具界面(源码) http://www.linuxidc.com/Linux/2012-11/73566.htmJava 学习之 Swing 编程 http://www.linuxidc.com/Linux/2014-05/101049.htm本文永久更新链接地址:http://www.linuxidc.com/Linux/2014-11/109189.htm