立即执行函数和window.onload

2024-08-03

立即执行函数与window.onload作用类似

(function(){ }()); // 立即执行函数或者用window.onload=function(){}也可以

JavaScript和HTML之间的交互: 1.通过用户和浏览器操作页面时引发的事件来处理的. 2.当文档或者它的某些元素发生某些变化时,浏览器会自动生成一个事件. 例如:当浏览器装载完一个文档后,会生成事件(属于2):当用户单击某个按钮时,也会生出事件(属于1). DOM加载完成:初始化页面的前提大都是DOM文档就绪,即文档树加载完成,而非整个页面(包括页面中的所有元素)载入完成. 因为后者涉及到载入页面中包含的图像及其他二进制内容完成后才能触发页面载入事件(即onload) 以浏览器装载文档

深入理解，函数声明、函数表达式、匿名函数、立即执行函数、window.onload的区别.

一.函数声明.函数表达式.匿名函数1.函数声明:function fnName () {…};使用function关键字声明一个函数,再指定一个函数名,叫函数声明. 2.函数表达式 var fnName = function () {…};使用function关键字声明一个函数,但未给函数命名,最后将匿名函数赋予一个变量,叫函数表达式,这是最常见的函数表达式语法形式. 3.匿名函数:function () {}; 使用function关键字声明一个函数,但未给函数命名,所以叫匿名函数,匿名函数属

javascript中怎么让一个页面执行多个window.onload？

我们都知道在javascript中window.onload 只能有一个如果有多个的话后面的会覆盖前面的,今天我们来看看怎么让一个页面执行多个window.onload <script type="text/javascript"> function addLoadEvent(func){ var oldon1oad=window.on1oad;//得到上一个on1oad事件的函数 if(typeof window.on1oad!='function'){//判断类型是否为

JQuery语法 JQuery对象与原生对象互转文档就绪函数与window.onload的区别

[JQuery语法] 1.jQuery("选择器").action();通过选择器调用事件函数,但是jquery中,jquery可以用$(“选择器”).action(); ① 选择器,可以直接使用css选择器,选中元素 ② .action表示对元素执行的操作2.文档准备就绪:防止文档在完全加载(就绪)之前运行jquery代码 $(document).ready(function(){//jquery代码}); 或者简写方式$(function(){});[文档就绪

jquery load()函数和window.onload事件

我想用jquery load()一个饼状图页面, 但是load不出来代码如下: 后来百度了一下,解决办法如下: window.onload事件只有在文档载入的时候才会执行的,你载入子页面不会触发这个事件. 通过load将页面加载到某个标签中,在很多浏览器中根本不会触发onload事件,即使可以触发的浏览器如火狐,也有很大概率不会执行,需要F5刷新之后才会执行.建议更换加载方式,可以使用iframe或者直接页面跳转. 代码修改后: 饼状图就load出来了

js笔记（4）--关于在window.onload()里面定义函数，调用函数无法执行~

由于本人学习js学不久,所以,今天刚好遇到了一个关于在window.onload里面定义函数,然后在html里面调用函数时出现错误.具体见下面: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initia

onload函数和自执行函数的区别(jquery API网址:http://jquery.cuishifeng.cn/)

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jQuery 01 simples</title> <script src="js/jquery-1.12.1.js" type="text/javascript"></script> <sc

window.onload的使用心得

如果我问你window.onload是什么意思,恐怕你会回答我:"这不是页面加载完就执行吗". 但是答案是不一定,得看你怎么用.看一下例子吧例1: 代码如下: <!DOCTYPE HTML> <html> <head> <title></title> <script type="text/javascript"> function ShowMessage() { alert("

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

一. window.onload 1. 必须等到页面上所有元素(包括图片, JS文件,CSS文件等外部资源)加载完成后才执行 2. window.onload绑定多个函数时,只会执行最后一个 <script type="text/javascript"> function w1() { alert("w1"); } function w2() { alert("w2"); } window.onload = w1; window.on

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

$(document).ready()和window.onload在表单上看都是页面加载时我们就去执行一个函数或动作,但是在具体的细节上$(document).ready()和window.onload还是有区别的,下面我来介绍介绍. 最基本的区别 1.执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行. $(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕. 2.编写个数不同 window.onload不能同时编写多个,如果有

jq的$(function(){})与window.onload的区别

最近一直在研究jq的源码,书写jq的代码我们通常会包裹在一个$(function(){})函数中,jq的$(function(){})也就是$(document).ready(function(){})的简写,与之对应的原生js的window.onload事件,这俩者之间到底有什么区别呢?$(function () { console.log("ready执行"); }); $(function() { console.log("ready1执行"); }); wi

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

$().ready().$(handler).$(document).ready(handler)均不是原生JS中的,都是jQuery中封装的方法.这些事件在当页面的dom节点加载完毕后就执行,无需等待页面中的图片等加载完成.DomContentLoaded是原生的表示在Dom节点加载完毕之后就执行该事件. window.onload()以及body中的onload()两者都表示当页面加载元素(包括图片等信息)完毕后执行的操作,是原始JS中就有的.同时window.onload只能注册一个事件处

解决window.onload延迟加载问题

window.onload方法,表示当页面所有的元素都加载完毕,并且所有要请求的资源也加载完毕才触发执行function这个匿名函数里边的具体内容.这样肯定保证了代码在domReady之后执行.使用window.onload方法在文档外部资源不多的情况下不会有什么问题,但是当页面中有大量远程图片或要请求的远程资源时,我们需要让js在点击每张图片时,进行相应的操作,如果此时外部资源还没有加载完毕,点击图片是不会有任何反应的,大大降低了用户体验.那既然window.onload方法不可行,又该怎么做

window.onload()和$(document).ready的区别（ $(document).ready == $(function(){ }) ）

首先$(function(){}) 和 $(document).ready(function(){}) 是一个方法,$(function(){})为简写(用的多) $(document).ready和window.onload都是在都是在页面加载完执行的函数,大多数情况下差别不大,但也是有区别的. $(document).ready:是DOM结构绘制完毕后就执行,不必等到加载完毕. 意思就是DOM树加载完毕,就执行,不必等到页面中图片或其他外部文件都加载完毕.并且可以写多个.ready. win

关于window.onload

window.onload是当文档加载完成后执行. <script>之间的代码会在代码加载到此处执行.function内的代码是调用时才执行. 但window.onload有个坏处,它非要等到页面中的所有图片及视频加载完毕才会触发load事件.

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

不太一样window.onload是在页面所有的元素都加载完成后才触发$(function(){})是在页面的dom结构加载完毕后就触发 dom里的内容不一定都已经加载完成比如说一个页面有好多图片而加载这些图片需要一定的时间window.onload必须得等到全部的图片都加载完成后才能触发而$(function(){})只要在dom加载完毕之后就会执行图片不一定已经加载完成 1:执行时机不一样$(function() { } )是在dom结构创建完成以后就执行,window.onload是在

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

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

window.onload的加载和$(document).read()

1.执行时机: window.onload :必须等到网页中所有的内容加载完之后才执行. $(document).read():网页中所有的DOM结构执行完毕后.可能DOM元素并未加载完. 2.单个网页是否可以有多个. window.onload :不能. 如:window.onload = function(){ alert("第一个加载"); window.onload = function(){ alert("第二个加载"); 执行结果是:第二个加载. $(d

javascript模块化编程-详解立即执行函数表达式IIFE

一.IIFE解释全拼Imdiately Invoked Function Expression,立即执行的函数表达式. 像如下的代码所示,就是一个匿名立即执行函数: (function(window, undefined){ // 代码... })(window); 二.括号的意义 2.1 包住function(){}的括号的意义这个括号的目的,是为了把function(){}转化为表达式.像一些库的源码,喜欢用如下方式代替: ~function(){ // 代码... }(); 或者