的区别介绍,不执行初始化脚本
分类:澳门新萄京最大平台

今天发现一个页面始终不执行初始化脚本,代码如下:

复制代码 代码如下:

新手接触javascript、jquery的时候不可避免的要接触题目所标识的相关内容,反复看过几次一到用的时候总是不踏实,写此文以记之。

所以如果某个图片或者其他资源加载很长时间, 访问者就会看到一个不完整的页面, 甚至在图片加载之前就执行了需要依赖动态添加的元素的脚本而导致脚本错误.
window.onload = function() { testDiv.innerHTML = "<div style="border:solid 1px #FF0000">动态创建的div</div>"; }
解决办法就是等DOM被解析后, 在图像和外部资源加载之前执行我们的函数.在jQuery中让这一实现变得可行:

A.关于$(document).ready():

<script type="text/javascript" src="Script/jquery-1.11.1.min.js" />
<script type="text/javascript">
$(document).ready(function() {
alert(1);
});
</script>

window.onload=function{}

  符号“$”是jquery对象(个人这样理解,拥有函数的用法)。接着知道下面的一个等式,功能性能上是完全一致的。

复制代码 代码如下:

jquery中的$(document).ready(),那$(document).ready()到底是什么作用呢?是不是可以用window.onload = function(){ ... }来实现呢?

后来发现问题仅仅是因为引用JQuery的时候闭合写法问题,只需要修改闭合方法,如下所示:

表示页面加载完了后(包括dom和js),再执行函数里面的内容;

$(function(){ /*do some thing*/ }) = $(document).ready(function(){/* do some thing */}) = $().ready(function(){ /* do some thing */ });

//jQuery 使用动态创建的$(document).ready(function)方法
$(document).ready(
function() { testDiv.innerHTML = "<div style="border:solid 1px #FF0000澳门新萄京,">使用动态创建的$(document).ready(function)方法</div>"; }
);
//或者使用简便语法:
/jQuery 使用$(function)方法
$(
function() { testDiv.innerHTML = "<div style="border:solid 1px #FF0000">使用$(function)方法</div>"; }
);

这里,我们要明确二者之间的区别。

<script type="text/javascript" src="Script/jquery-1.11.1.min.js" />

复制代码 代码如下:

  上面是jquery中的东西,接着说下原生javascript中的,有window.onload和<body onload=""> 这两个,是存在一定区别的,使用匿名函数以及非匿名函数等会有不同,我暂时用不到所以没有做试验,网上是众说纷纭,不一致。 但是onload与jquery中的ready是不同的,这里面说下:

您可能感兴趣的文章:

  • jquery $(document).ready() 与window.onload的区别
  • JQuery onload、ready概念介绍及使用方法
  • jquery的$(document).ready()和onload的加载顺序
  • 解析页面加载与js函数的执行 onload or ready
  • 一张表格告诉你windows.onload()与$(document).ready()的区别
  • JQuery的ready函数与JS的onload的区别详解
  • 浅析document.ready和window.onload的区别讲解
  • jQuery中document与window以及load与ready 区别详解
  • JQ中$(window).load和$(document).ready区别与执行顺序

  我们使用window.onload = function(){ ... },是希望在页面被载入时执行function中的处理,但是这些JS代码只有在页面上的全部内容加载完成(包括头部的banner广告,所有图片)的时候才会执行。将window.onload放在最上边的原因就是当你第一次运行codes的时候,HTML'document'还没有加载完成。

改为

$(function(){})

  一个是次数不同,$().ready()在一个一个html中可以使用多次,onload只能使用一次或者说有效绑定只能是唯一的一个。

的区别介绍,不执行初始化脚本。  而$(document).ready()却不需要载入得这么“完全”。$(document).ready()是在DOM结构载入完后执行的,而 window.onload是得在所有文件都加载完后执行的,注意区别,一个是DOM加载完,一个是所有文件加载完。因此,ready肯定在onload 之前发生,页面加载大或者多的图片而使onload执行延后,使用jquery的ready可缓解此问题。

<script type="text/javascript" src="Script/jquery-1.11.1.min.js"></script>

表示页面(dom)加载完了后,再执行函数里面的内容

  另一个是执行时机的不同,简单讲$()执行的时机要早于onload,因为$()只要在DOM树加载完成就执行,onload要在全部的元素加载完成执行。

  我们应该紧记,jquery的ready是指在页面的DOM模型加载完后执行指定的函数。之所以经常用$(document).ready()来取代 window.onload,就是因为它是在dom模型加载完成后就执行,而window.onload是在dom元素加载完全后才执行。

不明原因中……

您可能感兴趣的文章:

  • jQuery中的ready函数与window.onload谁先执行
  • jquery $(document).ready()和window.onload的区别浅析
  • 一张表格告诉你windows.onload()与$(document).ready()的区别
  • 浅析document.ready和window.onload的区别讲解
  • JQuery的ready函数与JS的onload的区别详解
  • JQuery onload、ready概念介绍及使用方法
  • $(document).ready(function() {})不执行初始化脚本
  • 的区别介绍,不执行初始化脚本。Jquery中"$(document).ready(function(){ })"函数的使用详解
  • 浅析$(function) ready和onload 的区别

以上所述是小编给大家介绍的$(function) ready和onload 的区别介绍,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的,在此也非常感谢大家对脚本之家网站的支持!

B.关于document.onload和window.onload:

您可能感兴趣的文章:

  • jQuery中的ready函数与window.onload谁先执行
  • jquery $(document).ready()和window.onload的区别浅析
  • 一张表格告诉你windows.onload()与$(document).ready()的区别
  • 浅析document.ready和window.onload的区别讲解
  • JQuery的ready函数与JS的onload的区别详解
  • JQuery onload、ready概念介绍及使用方法
  • Jquery中"$(document).ready(function(){ })"函数的使用详解
  • window.onload和$(function(){})的区别介绍
  • 浅析$(function) ready和onload 的区别

您可能感兴趣的文章:

  • jQuery中的ready函数与window.onload谁先执行
  • jquery $(document).ready()和window.onload的区别浅析
  • 一张表格告诉你windows.onload()与$(document).ready()的区别
  • 浅析document.ready和window.onload的区别讲解
  • JQuery的ready函数与JS的onload的区别详解
  • JQuery onload、ready概念介绍及使用方法
  • $(document).ready(function() {})不执行初始化脚本
  • Jquery中"$(document).ready(function(){ })"函数的使用详解
  • window.onload和$(function(){})的区别介绍

document.onload和window.onload没有本质的区别,都是指页面载入完成后执行指定函数。

做一个比较吧:

window .onload =function (){alert ("welcome");}
 $(document).ready(
 function (){
  alert ("thanks for visiting!");
 }
);

运行后你会发现 $(document).ready()先执行。

以上就是本文的全部内容,了解更多jQuery的语法,大家可以查看:《jQuery 1.10.3 在线手册》,也希望大家多多支持脚本之家。

您可能感兴趣的文章:

  • jQuery mobile在页面加载时添加加载中效果 document.ready 和window.onload执行顺序比较
  • 全面解析jQuery $(document).ready()和JavaScript onload事件
  • jquery $(document).ready()和window.onload的区别浅析
  • JQuery的ready函数与JS的onload的区别详解
  • JQuery onload、ready概念介绍及使用方法
  • Jquery知识点一 Jquery的ready和Dom的onload的区别
  • jquery的$(document).ready()和onload的加载顺序
  • jquery $(document).ready() 与window.onload的区别
  • jquery中的$(document).ready()与window.onload的区别
  • jQuery ready()和onload的加载耗时分析

本文由澳门新萄京发布于澳门新萄京最大平台,转载请注明出处:的区别介绍,不执行初始化脚本

上一篇:jQuery列表拖动排列具体实现,jquery列表拖动排列 下一篇:没有了
猜你喜欢
热门排行
精彩图文