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

最新推荐文章于 2023-04-12 09:18:36 发布

原创最新推荐文章于 2023-04-12 09:18:36 发布 · 764 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

js&jquery 专栏收录该内容

12 篇文章

订阅专栏

本文介绍了三种使用jQuery进行页面加载初始化的方法，并对比了不同放置JS代码位置对页面加载顺序的影响。此外，还提供了两种使用纯JS进行页面加载初始化的例子。

[list][size=large][color=green]
一、jQuery 页面加载初始化的方法有3种，页面在加载的时候都会执行脚本，应该没什么区别，主要看习惯吧，本人觉得第二种方法最好，比较简洁。
[/color][/size][/list]
[color=darkred][size=large][b]注意：如果把js的初始化html的代码写在html上面则页面加载顺序是：html模板->js代码->html数据；如果把js的初始化html的代码写在html下面则页面加载顺序是：html模板->html数据->js代码
如果需要html页面将后台数据全显示完毕再操作则需要把js代码写在html后面[/b][/size][/color]
第一种：

$(document).ready(function(){

});

第二种：

$(function(){

});

第三种：

jQuery(function($) {

});

[list][size=large][color=green]
二、js在页面初始化的方法
[/color][/size][/list]
第一种：

<script>
window.onload=function(){
  var tb=document.getElementByIdx_x("DataGrid1");
  var cbs=tb.getElementsByTagName_r("input");
  for(var i=0;i<cbs.length;i++)
  {
  if(cbs[i].type=="checkbox")
  {
  cbs[i].checked=true;
  }
  }

}
</script>

第二种：

function ckCbo()
{
document.getElementByIdx_x('cboTest').cheacked=true
}

<body onload='ckCbo()'>