myReady.js 与 myReady 老师能解释下吗?

myReady.js 与 myReady 老师能解释下吗?

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8" />

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<meta http-equiv="X-UA-Compatible" content="ie=edge" />

<title>Document</title>

<script src="domReady.js"></script>

<script type="text/javascript">

myReady(function(){

document.write("<h2> 我存在于body 标签的元素的上面位置</h2>")

})

</script>

</head>

<body>

<h1>这里是h1元素包含的内容</h1>

</body>

</html>


正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,从执行效果看是一样的,但是两个的意思是不一样的。

1、视频封装的文件中用的事件是:

http://img1.sycdn.imooc.com//climg/5decd78109217a7707160188.jpg

等到DOM加载完就执行这个事件,不包括图片以及其他资源。

2、而window.onload事件是所有资源加载完之后再执行。

如果我的回答帮助了你,欢迎采纳,祝学习愉快~

好帮手慕糖 2019-12-08 16:38:45

同学你好,1、domReady.js是老师自己封装了一个myReady方法 。

2、myReady(function(){})就是myReady方法的使用,把我们写的js代码放在里面。实现的效果实际上就是$(document).ready(function(){}) , 让DOM加载完后再去执行js代码 。

$(document).ready(function(){}) 是后面的jQuery课程知识 , 因为现在还没有学习到$(document).ready(function(){})  , 所以这里是老师为了方便课程讲解自己封装了一个类似的方法 ,里面的一些知识同学现在还没有学到过 。这个在实际开发中不用 , 不需要了解。等学习了后面的知识直接用$(document).ready(function(){}) 就行了。

如果我的回答帮助了你,欢迎采纳,祝学习愉快~

  • 提问者 Rain_2020 #1
    跟 window.onload = function(){ } 的效果一样的吗?
    2019-12-08 16:53:12
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师