window.onload = init 与window.onload = init()的差别

最新推荐文章于 2023-08-09 14:22:19 发布
最新推荐文章于 2023-08-09 14:22:19 发布
阅读量5k 收藏 1
点赞数 1
分类专栏： WEB前端 笔记丶
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33406883/article/details/75120921
版权

window.onload = init 与window.onload = init()的差别


 
1.window.onload = init ; 是 把函数值赋给onload属性。 
上面这句赋值时不会执行Init函数，且onload对应的方法是init函数
常用于在页面加载完成之后要做的操作。
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script type="text/javascript" src="js/jquery-1.8.3.min.js" ></script>
		<script type="text/javascript">
                     document.getElementById("txt").innerHTML="1111";			

			function init(){
					
			}
			
			window.οnlοad=init;
			
		</script>
	</head>
	<body>
		
		<div id="txt" >0000</div>
		
	</body>
</html>





<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script type="text/javascript" src="js/jquery-1.8.3.min.js" ></script>
		<script type="text/javascript">
			
			function init(){
					document.getElementById("txt").innerHTML="1111";
			}
			
			window.οnlοad=init;
			
		</script>
	</head>
	<body>
		
		<div id="txt" >0000</div>
		
	</body>
</html>

比较上面的两个示例，第一个页面还是显示0000，第二个则显示的是1111



window.onload = init(); 是调用函数init.
上面这句赋值时会执行Init函数，且onload对应的方法不是init函数，而是执行结果

Kunaly
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html5 css3圆形波浪百分比加载动画特效.zip
07-11
js代码 [removed] var wave = (function () { var ctx; var waveImage; var canvasWidth; var canvasHeight; var needAnimate = false; function init (callback) { var wave = document.getElementById('wave'); var canvas = document.createElement('canvas'); if (!canvas.getContext) return; ctx = canvas.getContext('2d'); canvasWidth = wave.offsetWidth; canvasHeight = wave.offsetHeight; canvas.setAttribute('width', canvasWidth); canvas.setAttribute('height', canvasHeight); wave.appendChild(canvas); waveImage = new Image(); waveImage.onload = function () { waveImage.onload = null; callback(); } waveImage.src = 'images/wave.png'; } function animate () { var waveX = 0; var waveY = 0; var waveX_min = -203; var waveY_max = canvasHeight * 0.7; var requestAnimationFrame = window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame || window.msRequestAnimationFrame || function (callback) { window.setTimeout(callback, 1000 / 60); }; function loop () { ctx.clearRect(0, 0, canvasWidth, canvasHeight); if (!needAnimate) return; if (waveY < waveY_max) waveY = 1.5; if (waveX < waveX_min) waveX = 0; else waveX -= 3; ctx.globalCompositeOperation = 'source-over'; ctx.beginPath(); ctx.arc(canvasWidth/2, canvasHeight/2, canvasHeight/2, 0, Math.PI*2, true); ctx.closePath(); ctx.fill(); ctx.globalCompositeOperation = 'source-in'; ctx.drawImage(waveImage, waveX, canvasHeight - waveY); requestAnimationFrame(loop); } loop(); } function start () { if (!ctx) return init(start); needAnimate = true; setTimeout(function () { if (needAnimate) animate(); }, 500); } function stop () { needAnimate = false; } return {start: start, stop: stop}; }()); wave.start(); [removed]
FRAME.js:用于HTML5画布的轻巧，简约的Javascript框架
05-09
FRAME.js 一个非常轻量级的，极简HTML5画布框架。 目录： FRAME.js不会干扰主游戏循环，允许您编写自己的游戏。 用法 创建一个更新每一帧的画布看起来像这样： window . onload = function ( ) { FRAME . init ( 800 , 600 ) ; main ( ) ; } function main ( ) { FRAME . clearScreen ( ) ; //update and render here //queues main() to be called again at render time. //Uses requestAnimationFrame by default and has fallbacks FRAME . requestFrame ( main ) ; } FRAME.
HTML5圆形波浪加载动画特效.zip
07-11
HTML5圆形波浪加载动画特效是一款原生html5 css3 canvas波浪滚动上升加载动画，圆形加载容器效果。 var wave = (function () { var ctx; var waveImage; var canvasWidth; var canvasHeight; var needAnimate = false; function init (callback) { var wave = document.getElementById('wave'); var canvas = document.createElement('canvas'); if (!canvas.getContext) return; ctx = canvas.getContext('2d'); canvasWidth = wave.offsetWidth; canvasHeight = wave.offsetHeight; canvas.setAttribute('width', canvasWidth); canvas.setAttribute('height', canvasHeight); wave.appendChild(canvas); waveImage = new Image(); waveImage.onload = function () { waveImage.onload = null; callback(); } waveImage.src = 'images/wave.png'; } function animate () { var waveX = 0; var waveY = 0; var waveX_min = -203; var waveY_max = canvasHeight * 0.7; var requestAnimationFrame =  window.requestAnimationFrame ||  window.mozRequestAnimationFrame ||  window.webkitRequestAnimationFrame ||  window.msRequestAnimationFrame || function (callback) { window.setTimeout(callback, 1000 / 60); }; function loop () { ctx.clearRect(0, 0, canvasWidth, canvasHeight); if (!needAnimate) return; if (waveY < waveY_max) waveY = 1.5; if (waveX < waveX_min) waveX = 0; else waveX -= 3; ctx.globalCompositeOperation = 'source-over'; ctx.beginPath(); ctx.arc(canvasWidth/2, canvasHeight/2, canvasHeight/2, 0, Math.PI*2, true); ctx.closePath(); ctx.fill(); ctx.globalCompositeOperation = 'source-in'; ctx.drawImage(waveImage, waveX, canvasHeight - waveY); requestAnimationFrame(loop); } loop(); } function start () { if (!ctx) return init(start); needAnimate = true; setTimeout(function () { if (needAnimate) animate(); }, 500); } function stop () { needAnimate = false; } return {start: start, stop: stop}; }()); wave.start(); 
window的onload事件的用法
weixin_43046240的博客
09-13 7万+
1.最简单的用法 注：奇葩，我没用过 2.在JS语句调用（正确使用姿势） 或使用jquery onload 事件会在页面或图像加载完成后立即发生。 3.window.onload()的加载问题 由于HTML加载时由上往下的，在HTML加载的时候，遇到function关键字，声明一个函数的时候，就会在内存中开辟一个新的空间来对函数进行存储，方便以...
js 页面加载初始化方法
最新发布
qq_44438941的博客
08-09 811
日常总结
html initUI
qq 117791303
11-17 151
html initUI
jQuery的引入及onload事件的几种方式
~~
04-13 6307
（一）jQuery下载 链接：https://pan.baidu.com/s/1ODSzeDbx1geKrDuwTuqvhw 提取码：pz0e （二）onload事件的几种方式（普通方式，jQuery方式） 新建web项目，导入jQuery进js文件夹 比如现在我们要实现如下功能：弹出“helloworld”对话框，普通的方式有以下几种 第一种方式： <!DOCT...
window.onload=init;
Flora的博客
11-24 1094
<!DOCTYPE html> <html> <head> <title></title> <meta charset="UTF-8"> </head> <body> <h1>Green Planet</h1> <p id="greenplanet">All is well</p> <h1>Red
OnInit和OnLoad
SMILENCE
08-01 2150
主要就是父类和子类间OnLoad,OnInit,Load 事件，Init事件的执行先后问题。 一个页面（子类）的Oninit方法最先启动执行，而后递归执行父类中Oninit方法，父类Oninit方法中添加Init事件，执行 Page_Init方法，后再返回父类Oninit方法执行完毕，最后返回子类Oninit方法执行完毕，再执行子类Onload方法，而后递归执行父类中Onload方法，父类Onl
window.onload=init()和window.onload=init
reality_fei的专栏
09-19 2259
任务中遇到了需要在网页加载完成时触发的事件，用window.onload=init();时出现了方法无法调用出错问题，把括号去掉之后问题就解决了。
HTML5 Canvas气泡上升背景动画特效.zip
07-11
代码片段：  let _renderer, _scene, _camera, _controls;  let _geometry;  let _shaders = [];... window.onload = init;  function init() {  initWorld();  initScene();  }
弹出窗口加入时间限制
08-13
window.onload=function init(){timer=setInterval(function(){if(flag)self.close();else flag=true},timeout)} 3.完整代码。 <script> var flag=true,timeout=3000,timer document.onmousemove=document....
window.onload使用方法
热门推荐
08-16 8万+
"text/javascript">   function init(){     alert("页面加载完毕！");   }   window.onload=init;            我们经常使用 window.onload 来处理页面，当页面加载完成做一些事情。但这个 window.onload 是页面全部加载完成，甚至包括图片      1. window.onl
onload事件不执行的解决方法
Royi的博客
07-09 3万+
如果中的onload不能执行，可尝试以下方法“： （如已存在initLoad()函数） 方法1： window.attachEvent("onload", initLoad); //initLoad后不能有（） 方法2： window.onload = function(){initLoad();}; 方法3： window.onload = function(
JavaScript_动态创建对象、window对象、定时器、JavaScript中获取对象的方法总结、location对象
BeatRex的博客
01-19 456
动态创建对象 document.creatElement(&quot;标签名&quot;); //创建一个标签 document.body.appendChild(对象); //在body中创建对象 //创建的标签会放到body的最末尾 实例：在页面中点击出现图片 this指针 this指针指向本对象 实例：点击按钮使得按钮内的数字自增 window对象 window.open()方法 打开一个网页弹窗wi...
关于 UIWindow init 初始化可能会遇到的问题
will_han 的专栏
09-01 884
之前在用的UIWindow 的时候基本上都是  UIWindow *window = [UIWindow alloc]init]; 本来一直都没有遇到什么问题，后来测试告诉我在 8.1上遇到按钮点击无效的问题，问题是这样的： 针对这个问题我上网找了一些解决方案，基本上都不对，后来 self.window.frame = [UIScreen mainScreen].bounds;这样问题就解决
for循环里面不要进行remove操作
Kunaly
02-01 1万+
7. 【强制】不要在 foreach 循环里进行元素的 remove / add 操作。 remove 元素请使用 Iterator 方式，如果并发操作，需要对 Iterator 对象加锁。 正例： Iterator iterator = list.iterator(); while (iterator.hasNext()) { String item = iterator.next()
帮我分析这段代码：window.onload = function(){ let p1 = new Ping(); p1.init("ul",3); } function Ping(){ this.oUl = null; this.aLi = null; this.len = 0;//长度 this.oLi = null; this.num = 0; this.zIndex = 2; this.arr = [];//数组的定位 }
06-13
1. `window.onload = function(){}`：该部分会在页面加载完成后执行，作用是初始化 `Ping` 类并调用 `init` 方法。其中 `Ping` 是一个自定义的类名。 2. `function Ping(){}`：该部分是定义 `Ping` 类的构造函数，...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值