第十一周学习-优快云博客

1.document.querySelectorAll('a').toString(); // return "[object NodeList]"
2.document.getElementsByTagName('a').toString(); // return "[object HTMLCollection]"

因此在浏览器中，querySelectorAll 的返回值是一个静态的 NodeList 对象，而 getElementsBy 系列的返回值实际上是一个 HTMLCollection 对象。

2.2接收的参数不同

querySelectorAll 方法接收的参数是一个 CSS 选择符；
getElementsBy 系列接收的参数只能是单一的 className、tagName 和 name；

3.window尺寸

确定浏览器的尺寸

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<p id="demo"></p>
<script>
var w=window.innerWidth
      || document.documentElement.clientWidth
      || document.body.clientWidth;
var h=window.innerHeight
      || document.documentElement.clientHeight
      || document.body.clientHeight;
x=document.getElementById("demo");
x.innerHTML="浏览器window宽度: " + w + ", 高度: " + h + "。"
</script>

</body>
</html>

4.关于video

<video> 标签定义视频，比如电影片段或其他视频流。

目前，<video> 元素支持三种视频格式：MP4、WebM、Ogg。

<div class="spp">

<video poster autoplay="autoplay" loop="loop" controls="controls" muted="muted" preload="metadata'style="width:100%;display: block;"> == $0
<source src="https://v.cic.tsinghua.edu.cn/vod/video/0/a/508393.mp4type="video/mp4"></video>
</div>

也可以不把视频下载下来，而是引用链接。