jquery中的$(document).ready()与window.onload的区别

2016-02-19 14:41 4 1 收藏

图老师设计创意栏目是一个分享最好最实用的教程的社区，我们拥有最用心的各种教程，今天就给大家分享jquery中的$(document).ready()与window.onload的区别的教程，热爱PS的朋友们快点看过来吧！

【 tulaoshi.com - Web开发】

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

来源:http://www.tulaoshi.com/n/20160219/1607583.html

上一篇： JavaScript实例教程（十三）圣诞节的倒记时器
下一篇：轻松一招你的Excel单元格也能自动调整字号

看过《jquery中的$(document).ready()与window.onload的区别》的人还看了以下文章更多>>

jquery $(document).ready() 与window.onload的区别 02-19
jquery中的$(document).ready()与window.onload的区别 02-19
window.onload和body onload 02-20
$(window).load(function(){})和$(document).ready(function(){}) 02-19
JQuery 引发两次$(document.ready)事件 02-19
document.onLoad的触发时间 02-19
document.open() 与 document.write()的区别 02-19
XSLT document()函数在IE与Firefox中的区别 02-19
JavaScript的document和window对象详解 02-19
JQuery下关于$.Ready()的分析 02-19

jquery ready()的几种实现方法小结

标签： Web开发

1.最常用也是最标准的代码如下： $(document).ready(){ }); 2.是上面的简写: 代码如下： $(function(){ }) 很奇怪？为什么能这样？不是判断document对象是否 reADy然后才执行函数的么?document哪去了?我们看下jQuery的源代码: 代码如下： // jQuery的构造函数； var jQuery = function( a, c ) { // $(document).ready(...

js关于document和window对象

标签： Web开发

这些文字都是我平时在查资料时,放在硬盘上的,现也找不到出处了,sorry [document对象] 该对象是window和frames对象的一个属性,是显示于窗口或框架内的一个文档。属性 alinkColor 活动链接的颜色(ALINK) anchor 一个HTMI锚点,使用A NAME=标记创建(该属性本身也是一个对象) anchors array 列出文档锚点对象的数组(A NAME...

利用 window_onload 实现select默认选择

标签： PHP

请参考这个程序： <?php //$day 星期几，如：星期三 $day=3; ? <html <head <meta http-equiv="Content-Type" content="text/html; charset=gb2312" <meta name="GENERATOR" content="Microsoft FrontPage 4.0" <meta name="ProgId" content="F...

jquery ready函数源代码研究

标签： Web开发

一般情况下都是设置body标签的onload监听window的load事件.但load事件是要在页面的元素全部加载完了才触发的,如果页面上图片较多或图片太大,就会导致初始化的代码未被执行的时候用户就做了其它操作了. Jquery库提供了一个非常方便好用的函数( $(selector).ready()),让我们可以在页面的dom加载完后就可以做相应的操作(当然,这还得看用户浏览器的...

JQuery this 和 $(this) 的区别

标签： Web开发

What is "this"？ In many object-oriented programming languages, this (or self) is a keyword which can be used in instance methods to refer to the object on which the currently executing method has been invoked. 代码如下: $("#textbox").hover( function() { this.title = "Test"; }, fucntion() { this.title = "OK...

查看更多精彩>>