发表于: 2018-05-17 20:53:49

1 588


今天完成的事情

动动小手写实例 ,写就完事了嗷, 今天完成的事情比较杂,先是听了一会课,看了一些内容都是讲一些概念功能性的问题也大致了解了一些属性,但就是不知道该怎么用,也尝试了吧书中的代码敲出来看效果,但很多时候,并不能直观的看到效果和作用有的代码也根本无法输出,应该是我的代码缺少一些东西,但是我又不知道缺少哪些,学起来很糟心,也可能是我接受能力不强吧。

明天计划的事情:

1明天继续研究别人的代码,并尝试带入到自己的js代码里面去看效果。

2尝试做随机选择三个盒子。 

遇到的问题:

今天看了一下onload事件,个人觉得挺简单的,并写了例子 

1. 可以在Body 里面执行 
<body onload="alert(123)"></body>
2. 先定义好 在页面加载完成后使用 

这里的window.onload = test; 不要在test后面加() 因为这是在给事件关联触发的方法 
如果加() 会立刻引发这个方法的执行(这可能不是我们的本意) 
3. 使用匿名函数 
<script>window.onload = function(){alert(321);}</script> 
4. JS中onload多个事件该怎么写? 
<1> <body onload="aa();bb();cc()">用分号隔开就可以了 
<2> 
window.attachEvent("onload",function(){alert('a')}); 
window.attachEvent("onload",function(){alert('b')}); 
window.attachEvent("onload",function(){alert('c')}); 
注解: 使用attachEvent 注册事件 后注册的事件 先执行 
上面的例子会弹出 C B A 
还有一点:这个办法只能在IE下用 (window.attachEvent)

收获:

onload 事件会在页面或图像加载完成后立即发生。

onload 通常用于 <body> 元素,在页面完全载入后(包括图片、css文件等等。)执行脚本代码。

这个弹窗一出来之后按下确定之后就会出现hello world一行字。挺简单的。

除了当页面载入完毕后执行Javascript代码的,还有图片载入后立即弹出 "hello world"已经理解透彻。

onload 事件会在页面或图像加载完成后立即发生。window.onload事件会在页面加载完成后触发。打开该页面会首先弹出“自己写的字提示框,此时页面时空白的(由于alert会阻塞页面的线程,所以页面不会继续加载,直到点击确定后才会继续执行),点击确定后,会弹出提示“也是自己写的内容”,此时可以看到XX个字,因为页面已经加载完成了。



返回列表 返回列表
评论

    分享到