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

来源:6-1 document

Rain_2020

2019-12-08 15:54:11

<!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回答

好帮手慕糖

2019-12-08

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

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

http://img.mukewang.com/climg/5decd78109217a7707160188.jpg

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

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

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

0

好帮手慕糖

2019-12-08

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

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

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

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

0
hain_2020
h 跟 window.onload = function(){ } 的效果一样的吗?
h019-12-08
共1条回复

0 学习 · 40143 问题

查看课程