在这里插入图片描述
<a class="btn btn-sm btn-red-hollow attention" id="btnAttent" target="_blank">更多免费教学文章<font color="blue" size="2">请关注这里</font></a>
在这里插入图片描述
HTML DOM Element 对象
HTML DOM 节点
在 HTML DOM （文档对象模型）中，每个部分都是节点：
文档本身是文档节点
所有 HTML 元素是元素节点
所有 HTML 属性是属性节点
HTML 元素内的文本是文本节点
注释是注释节点
Element 对象
在 HTML DOM 中，Element 对象表示 HTML 元素。
Element 对象可以拥有类型为元素节点、文本节点、注释节点的子节点。
NodeList 对象表示节点列表，比如 HTML 元素的子节点集合。
元素也可以拥有属性。属性是属性节点（参见下一节）。
在这里插入图片描述
源码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript">
window.onload=function(){ //匿名函数、回调函数
console.log("页面加载完成！");
};
window.onmouseover=function(){
console.log("鼠标悬浮在窗体之上！");
};
window.onmouseout=function(){
console.log("鼠标离开窗体！");
};
window.onclick=function(){
console.log("点击了窗体！");
};
window.onkeydown=function(){
console.log("在窗体上按下某个按键！");
};
window.onscroll=function(){
console.log("窗口滚动条滑动！");
};
</script>
</head>
<body>
<p>itany1</p>
<p>itany2</p>
<p>itany3</p>
<p>itany4</p>
<p>itany5</p>
<p>itany6</p>
<p>itany7</p>
<p>itany8</p>
<p>itany9</p>
<p>itany10</p>
<p>itany11</p>
<p>itany12</p>
<p>itany13</p>
<p>itany14</p>
<p>itany15</p>
<p>itany16</p>
<p>itany17</p>
<p>itany18</p>
<p>itany19</p>
<p>itany20</p>
<p>itany21</p>
<p>itany22</p>
<p>itany23</p>
<p>itany24</p>
<p>itany25</p>
<p>itany26</p>
<p>itany27</p>
<p>itany28</p>
<p>itany29</p>
<p>itany30</p>
<p>itany31</p>
<p>itany32</p>
<p>itany33</p>
<p>itany34</p>
<p>itany35</p>
<p>itany36</p>
<p>itany37</p>
<p>itany38</p>
<p>itany39</p>
<p>itany40</p>
<p>itany41</p>
<p>itany42</p>
<p>itany43</p>
<p>itany44</p>
<p>itany45</p>
<p>itany46</p>
<p>itany47</p>
<p>itany48</p>
<p>itany49</p>
<p>itany50</p>
</body>
</html>
网友评论