一.js 页面加载初始化方法

// 1.在body里面写初始化方法.

<body onload='init()'>

</body>

<script type="text/javascript">

    function init(){

         // 初始化内容

    }

</script>

// 2.window.onload=function(){}

<script type="text/javascript">

    window.onload=function(){

        // 初始化内容

    }

</script> 

// 3.写初始化方法,页面顺序执行到初始化方法时初始化

<script type="text/javascript">

    function init() {

        // 初始化内容

    };

    init();

</script>

二.jquery 页面加载初始化方法

// 1.$(function(){})

<script type="text/javascript">

    $(function() {// 初始化内容

    });

</script>

// 2.$(document).ready(function(){})

<script type="text/javascript">

    $(document).ready(function(){

        // 初始化内容

    });

</script>

// ready()函数有以下三种等价的形式

function handler(){

    //这里是需要执行的代码

}

// 形式一

$(document).ready( handler );

// 形式二

$( ).ready( handler ); // 不推荐该形式

// 形式三

$( handler );

// 3.jQuery(function($){})

<script type="text/javascript">

    jQuery(function($){

        // 初始化内容

    });

</script>

三.jquery和js初始化加载页面的区别

jquery：等待页面加载完数据，以及页面部分元素（不包括图片、视频），
js：是页面全部加载完成才执行初始化加载。

js jquery 页面初始化加载的更多相关文章

  1. js和jquery页面初始化加载函数的方法及先后顺序

    运行下面代码.弹出A.B.C.D.E的顺序:A=B=C>D=E. jquery:等待页面加载完数据,以及页面部分元素(不包括图片.视频), js:是页面全部加载完成才执行初始化加载. <! ...

  2. 用js判断页面是否加载完成

    这可以通过用document.onreadystatechange的方法来监听状态改变, 然后用document.readyState == “complete”判断是否加载完成. 可以采用2个div ...

  3. JS判断页面是否加载完成

    用 document.readyState == "complete" 判断页面是否加载完成 传回XML 文件资料的目前状况. 基本语法intState ＝ xmlDocument ...

  4. js之页面列表加载常用方法总结

    导语:最近由于一些事情需要处理,所以没来得及写技术总结了.今天终于可以坐下来好好的梳理一下脉络,说一下那个在日常前端开发过程中,常用到的页面列表加载的方法总结.这里介绍三种方法,分别是分页加载.按钮加 ...

  5. jsp页面随页面初始化加载js函数

    1 <%@ page language="java" import="java.util.*" pageEncoding="gbk"% ...

  6. JS/JQuery 文档加载完成

    1. $(function(){...}); 文档树加载完执行的方法:(注意:不包括图片.css.js等文件): 一个页面中可以有多个$(function(){...}); 方法: 两种写法: //第 ...

  7. js实现页面图片加载进度条

    //html <div id="loading" class="loading"> <div class="load"&g ...

  8. 学习笔记 - 用js判断页面是否加载完成实现代码

    用document.onreadystatechange的方法来监听状态改变, 然后用document.readyState == "complete"判断是否加载完成 docum ...

  9. 用js判断页面是否加载完成实现代码

    方式一:window.onload: 当一个文档完全下载到浏览器中时,才会触发window.onload事件.这意味着页面上的全部元素对js而言都是可以操作的,也就是说页面上的所有元素加载完毕才会执行 ...

随机推荐

  1. Selenium3+python自动化006-环境搭建

    一.selenium简介 1.Selenium历史 (1)Selenium 1.0: Selenium IDE      Selenium Grid    Selenium RC(核心功能) Sele ...

  2. Android 开发 facebook分享，登陆，获取信息

    1 搭建开发环境    1.1 在Facebook官网SDK中,下载4.0.0的SDK包.        1.2 使用Eclipse导入SDK包中的Facebook工程,并添加android-supp ...

  3. CSS 自适应导航菜单

    文章目录 以前我写了一篇关于如何为自适应网页制作教程手机导航菜单,现在我又摸索出一种无需JS脚本的自适应导航菜单,它采用纯粹的语义化HTML5标签来完成.该菜单可以左对齐,居中或右对齐,也不像上一种方 ...

  4. 手机app测试要点（复制文）

    一.简介 移动应用App已经渗透到每个人的生活.娱乐.学习.工作当中,令人激动.兴奋且具有创造性的各种App犹如雨后春笋般交付到用户手中.各类智能终端也在快速发布,而开发者对于全球移动设备的质量和性能 ...

  5. C#WinForm 实现登录界面验证码功能（区分大小写+不区分大小写）

    原文:C#WinForm 实现登录界面验证码功能(区分大小写+不区分大小写) 文章来自:https://blog.csdn.net/IT_xiao_guang_guang/article/detail ...

  6. 题解【洛谷P5958】[POI2017]Sabotaż

    题面 考虑树形 \(\text{DP}\). 设 \(dp_i\) 为使 \(i\) 变成叛徒的最大值,同时 \(dp_i\) 也是使 \(i\) 不变成叛徒的最小值. 然后考虑如何转移状态. 如果 ...

  7. eclipse 设置不弹出debug调试框

  8. ET框架之SceneChangeComponent

    初始化事件 using ETModel; namespace ETHotfix { [Event(EventIdType.InitSceneStart)] public class InitScene ...

  9. Makefile文件（DE1-soc软件实验”hello_word"）

    DE1-soc软件实验”hello_word"中,hello_word此程序很好理解,那Makefile文件又如何理解呢? 所要完成的Makefile 文件描述了整个工程的编译.连接等规则. ...

  10. 2.6.1 XML配置：创建XML文件

    (1) 工程名右击---New--file  --  newfile窗口中:filename中输入testng.xml testng.xml 文件中打开后,切换到source 标签中.进行编辑. 内容 ...