window.onload() 和 $(function(){})

再使用 $(function(){})的时候,发现一直取不到元素。但是换成window.onload()则可以取到。

大概推测是页面加载问题,于是把js从header移到了footer,发现 $(function(){})也可以取到值了。

要说明的是这个元素是由与另一个js生成的。

查找两个方法的说明如下:

(1)window.onload():

  onload 属性在对象已加载时触发。

  onload 常用在 <body> 中,一旦完全加载所有内容(包括图像、脚本文件、CSS 文件等),就执行一段脚本。

(2)$(function(){}):

  当 DOM(文档对象模型) 已经加载,并且页面(包括图像)已经完全呈现时,会发生 ready 事件。

所以, 多资源时,推荐使用$(function(){})。但是一些特殊应用必须等待所有元素加载完时,则使用window.onload(),当然可以用$(window).load()代替(推荐使用),

效果一样,且可以写多个,会按照顺序执行,可以使代码按内容分离,结构更清晰(与之对应的是:unload())。

时间: 2025-01-04 11:21:49

window.onload() 和 $(function(){})的相关文章

with(window) onload=onresize=function(){} 写法

with的用法: with(对象A) { 语句块 } 语句块中可以直接使用 对象A中的属性和方法 --------------------------------------------------------------------------------------------- 此句应该和window.onload=onresize=function(){} 应该相同吧

window.onload()和$(function(){});的区别

1.window.onload必须等到页面中所有元素加载完之后才会执行(包括图片.视频等)而$(function(){});是在结构绘制完毕之后执行,二者的执行时机是不同的,一般来说后者会首先执行 2.window.onload只能存在一个,即时存在多个也只会执行一个:而$(function(){})则可以存在多个,且多个都会执行: 3.window.onload只有一种写法,而$(function(){})可以写成:$(document).ready(function(){});效果一样.

window.onload和$(function(){})的区别介绍

window.onload=function{} 表示页面加载完了后(包括dom和js),再执行函数里面的内容: $(function(){}) 表示页面(dom)加载完了后,再执行函数里面的内容

jQuery的window.onload和$(function(){})

1 <script src="js/jquery-1.11.3.js"></script> 2 <script> 3 //在onload事件中,所有页面内容(html,css,js,图片)加载后执行: 4 // 何时: 如果一个操作,必须等待css和图片加载后才能执行,应放在onload中 5 window.onload=function(){alert("整个页面加载完成");} 6 //在ready事件中显示DOM内容加载完成

Jquery中$(document).ready() 和 JavaScript中的window.onload方法 比较

Jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法,不过与window.onload方法还是有区别的. 1.执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行. $(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕. 2.编写个数不同 window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个(最后一个)       

jquery中的$(document).ready()、JavaScript中的window.onload()以及body中的onload()的区别

  body中的onload()和window.onload以及$(document).ready()的区别: 1.前两者都表示当页面加载元素(包括图片等信息)完毕后执行的操作,而且两者在各种浏览器中都兼容,而$(document).ready()表示的是JQuery中的一个方法因而只有在支持jQuery的浏览器中才适用,同时该方法是在当页面的dom节点加载完毕后就执行,无需等待页面中的图片等加载完成. 2.当代码中同时存在body中的onload()和window.onload()要注意的 :

window.onload、DOMContentLoaded和$(document).ready()

window.onload.DOMContentLoaded和$(document).ready() <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <scr

window.onload及dom ready测试

测试代码段一: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="http://www.twitter.com/test.css"> <script>

一次性分清DOMContentLoaded、window.onload、style

简单来说 当onload事件触发时,页面上所有的DOM,样式表,图片,js等都完全加载完成: 当DOMContentLoaded事件触发时,仅仅是DOM加载完成,但不包括样式表,图片等: 先触发DOMContentLoaded事件,后触发load事件: 看个栗子: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />