JS/JQuery 文档加载完成

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

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

     //第一种
    $(document).ready(function(){
        ...
    })

     //第二种(第一种的简写)
    $(function(){
      ...
    });

2. $(window).onload(function(){...});

  • 文档树及其所有文件加载完之后执行的方法(所有文件加载完,eg:图片、js、css、font等文件);
  • 一个页面中有且只能有一个此方法;
  • 两种写法:

  //第一种:(JQuery写法)
  $(window).onload(function(){

    ...

  });

  //第二种:(JS写法)
  window.onload = function(){

    ...

    }

原文地址:https://www.cnblogs.com/zero-zm/p/9938975.html

时间: 2024-08-29 11:55:15

JS/JQuery 文档加载完成的相关文章

【JS教程16】jquery文档加载完再执行

jquery文档加载完再执行 将获取元素的语句写到页面头部,会因为元素还没有加载而出错,jquery提供了ready方法解决这个问题,它的速度比原生的 window.onload 更快. <script type="text/javascript"> $(document).ready(function(){ ...... }); </script> 可以简写为: <script type="text/javascript"> $

jquery文档加载几种写法,图片加载写法

jquery文档加载写法: $(function(){ }) ; //个人最常使用方式 $(document).ready(function(){ }); //调用文档对象下的ready方法传入一个函数. $(window).load(function() { });//调用window对象下的load方法传入一个函数. (function() { })(jQuery)//()()表示立即执行 并且传入jquery = $ 所以之前$也可以替换为jQuery 注意: jquery的ready只是

jQuery文档加载完毕的几种写法

1 <!DOCTYPE html> 2 <HTML lang="zh-CN"> 3 <HEAD> 4 <meta charset="utf-8"> 5 <TITLE>jQuery文档加载完毕的几种写法</TITLE> 6 </HEAD> 7 8 <body style=" overflow-y:scroll;overflow-x:auto;"> 9 &

jquery.ready可以在文档加载后尽快执行对文档的操作

jquery 1.12.4中ready的关键代码 1 jQuery.ready.promise = function( obj ) { 2 if ( !readyList ) { 3 4 readyList = jQuery.Deferred(); 5 6 // Catch cases where $(document).ready() is called 7 // after the browser event has already occurred. 8 // Support: IE6-1

JS如何实现文档加载完成后再去执行代码

JS如何实现文档加载完成后再去执行代码:在执行某些操作的时候,需要当文档完全加载完成之后再去执行,否则可能出现意向不到的情况,先看一段代码实例: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.51texiao.cn/" /> <title&g

js 文档加载完成之后执行 备用

1 //文档加载完成之后执行 2 (function(){ 3 var _globeCallback; 4 window.$$ = function(callback){ 5 _globeCallback = callback; 6 }; 7 function documentReady(){ 8 _globeCallback(); 9 } 10 //document ready --mobile -webkit 11 var listenerDocumentReady = function()

js坚持不懈之14:不要在文档加载之后使用 document.write()示例

在看w3school的JavaScript教程时,关于文档输出流中有这么一句话:绝不要在文档加载之后使用 document.write().这会覆盖该文档. 不太明白什么意思,找了一个例子: <!DOCTYPE html> <html> <body> <p>点击按钮就可以执行 <em>displayDate()</em>函数.</p> <button onclick = "displayDate()&quo

JavaScript文档加载和事件绑定

为了保证网页代码层次清晰,便于管理,一般HTML中只体现网页结构,具体的行为处理通过JS实现,样式则通过CSS文件管理. 在以上原则下通过JS实现行为时,一定要注意文档加载过程中,执行JS代码的时机.页面加载过程有两个事件,一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件),二是onload,指示页 面包含图片等文件在内的所有元素都加载完成.(可以说:ready 在onload 前加载.) (1) 一些待调用函数定义,要在调用前定义. (2) 对于完善网页元素的JS,伴随文档

document.ready和onload的区别——JavaScript文档加载完成事件

文章转自:http://blog.csdn.net/kk5595/article/details/5713209 页面加载完成有两种事件,一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件),二是onload,指示页 面包含图片等文件在内的所有元素都加载完成.(可以说:ready 在onload 前加载!!!) 我的理解: 一般样式控制的,比如图片大小控制放在onload 里面加载; 而:jS事件触发的方法,可以在ready 里面加载; 更多内容戳这里:http://blog.