获取html标签中的内容，怎么把网页上的文档资料下载保存？
1、最常用的方法：“选定”网页内容后，右击，选“另存为”，找到存放地址后，保存即可;
2、如从网页上复制过来的内容成乱码，可在“另存为”中，将格式选为txt格式后保存，然后重新排版; 要是网上文件有图片，可以先把文字复制到“文本文档”后，再复制到WORD文档，然后在上面插入图片;
3、如禁用了右键菜单(即右键菜单中“另存为”不可用)，可选中某网页内容后，点键盘上的组合键Ctri+C进行复制，再打开一文档，点Ctri+V粘贴即可);
4、若上法不可用，可试试先点击左键，不松手，再点击右键。接着松开左键，最后松开右键。如出现快捷菜单，点“另存为”即可保存;
5、用上面三法还是不能复制时： A、先将该网址保存在收藏夹中后(在打开的这个网页中，点收藏、确定);
B、随意打开一个WORD文档(也可以是空白或新建文档)，点工具栏中“打开”按钮，在左边的“查找范围”下面点“收藏夹”;
C、在收藏夹下面显示的内容中，找到你刚才保存的网址(即打开了要复制内容的网址)，选中要复制的内容并右击，点复制;
D、再打开要存放下载内容的文档，右击后选“粘贴”、保存即可。
6、在网页中，点/查看/源文件，就可打开一个记事本文件，在其中可找到所需要的文字并右击/选“复制”/保存到文档中即可;
7、有时一些网页对源码进行了加密，其复制方法为：
启动IE浏览器，鼠标点击“工具→Internet选项”菜单，选择“安全”标签，点击“自定义级别”按钮，在出现的窗口中将所有脚本全部禁用，然后按F5刷新页面(这时所有的JavaScript代码都被禁用了，就可对其进行任意的复制、粘贴*操作)。提示：在收集到自己需要的内容后，要给脚本解禁，否则会影响浏览其它网页。
如何将手机版今日头条里的视频上传到电脑硬盘里？
这里是“假装是极客”，如果我的回答帮助了您，欢迎点赞或转发。也希望之后还能帮助到您，谢谢！
为了不浪费大家的时间，先把原理说一下：
通过手机版今日头条的“分享”或“复制链接”功能，把喜欢的视频链接发到电脑上。在电脑上，用浏览器打开视频链接，通过视频嗅探下载工具，直接把喜欢的视频保存到自己的电脑上。
另外，根据评论区有网友的评论提示，我更新了更简单的下载视频方法。并且即使用IDM等下载下来无法播放的视频，用这个新方法也能正常离线播放。新办法请翻页到本回答的底部浏览，谢谢。
操作之前首先要说明的是，手机版今日头条APP底部的“西瓜视频”及“小视频”，来源都是西瓜视频。
电脑保存视频文件前的准备工作：
1/安装IDM下载软件
在电脑上，搜索并下载Internet Download Mannager（IDM）程序。这是一个非常有效率的下载软件，可以下载绝大多数文档。
下载完成后安装，IDM程序会在常用的网络浏览器里安装文件嗅探插件。重启浏览器后，如在Chrome浏览器里，就可以看到IDM插件：
这时就可以把插件的开关打开。
IDM是一个国外的下载软件，试用版可以免费用一个月的时间。如果之后买正版授权，费用也还可以接受。
2/安装微信PC版或QQ PC版
这里以微信PC版为例，可直接去腾讯网站下载微信或QQ的电脑端版本。具体安装及设置就不详细介绍了。
如果用的是微信端接收链接，建议在微信设置里，把图中红框的选项打开。这样点击链接就能用默认浏览器打开页面。
准备工作完成后，就可以进行下一步的操作了。
手机APP端操作：
打开今日头条APP，在“西瓜视频”栏目里，看到喜欢的视频时，可以按视频下部的三个小点，或者直接按微信图标，把视频链接发到微信的“文件传输助手”里面。
如果看的是“小视频”栏目，可以打开视频后，直接点击视频右侧的“分享”图标。
点击微信或QQ的图标，就能把视频链接发到电脑上。
这里以微信为例，可以直接把链接发到“文件传输助手”对话框里。
这时，电脑端的微信就能收到你分享的链接了。
点击视频链接，就能用浏览器打开西瓜视频相应页面。
细心的朋友应该能发现，视频窗口右上方有一个“下载该视频”按钮。
点击这个按钮，就能打开IDM程序下载对话框。
点击“开始下载”，立即就能把视频下载到自己的电脑上了。
下载完成后，按窗口的“打开文件夹”按钮，就能直接打开刚刚下载的文件目录。
点击相应的视频，就能用电脑播放器来播放了。
收藏的话，也可以把这个视频拷贝到相关的文件夹进行收藏。
是不是很方便呢？
Tips：这个方法通过下载软件，省去了人工嗅探视频文件链接的步骤。即使你不在电脑旁，或者电脑没有运行微信或QQ等程序，遇到自己喜欢的视频，立即向自己的微信号或QQ分享，等方便的时候登陆这些聊天工具，也能再进行下载。
解决部分视频加密无法播放的问题及更简单的PC端视频下载方法：
前面的准备工作跟上文所说的差不多，不过不用安装IDM软件。把视频链接发送到微信等工具之后，在PC端用UC浏览器打开收到的链接。
打开视频页面后，播放窗口右上方会出现一个下载提示条。
点击下载按钮，就会弹出下载对话框。
但UC浏览器并不会像IDM那样自动识别视频文件名。
为了以后方便识别下载的视频，我们还需要从视频页面手动复制一下文件名。
文件名的后缀再手动输入： .mp4
方便可以直接通过安装的视频播放器打开。
点击对话框中的“本地下载”按钮，很快就可以下载完成。
这时在Windows系统的“下载”文件夹下，就能看到已经下载的文件。也可以点击UC浏览器右下角的“下载”图标，手动选择下载的文件，直接打开下载文件夹或直接打开文件播放。
这时就能用播放器在电脑端愉快地观看视频了。
这里再次感谢热心网友的建议。
这个方法很方便，只需要安装一个UC浏览器即可，更加顺手，没有什么门槛。
不太好的地方是，使用国内互联网厂商的浏览器，广告太多，有点受不了。。。
（2019.12.08更新）
这里是“假装是极客”，如果我的回答帮助了您，欢迎点赞或转发。也希望之后还能帮助到您，谢谢！
template跟html的区别？
Vue template和html5的template用法比较
1.html5中的template标签
html中的template标签中的内容在页面中不会显示。但是在后台查看页面DOM结构存在template标签。这是因为template标签天生不可见，它设置了display:none; 属性。
2.template标签操作的属性和方法
content属性:在js中template标签对应的dom对象存在content属性，对应的属性值是一个dom节点，节点的nodeName是#document-fragment。通过该属性可以获取template标签中的内容，template对象.content可以调用getElementById、querySelector、querySelectorAll方法来获取里面的子节点。
innerHTML:可以获取template标签中的html
3.vue中的template
(1)template标签在vue实例绑定的元素内部
它是可以显示template标签中的内容，但是查看后台的dom结构不存在template标签。如果template标签不放在vue实例绑定的元素内部默认里面的内容不能显示在页面上，但是查看后台dom结构存在template标签。
< !DOCTYPE html>
< html lang=”en”>
< head>
< meta charset=”UTF-8″>
< title> template< /title>
< script src=”https://cdn.staticfile.org/vue/2.2.2/vue.min.js”> < /script>
< /head>
< body>
< template id=”tem”>
< div id=”mdiv”>
< h1 id=”title”> hello world! tem< /h1>
< /div>
< /template>
< div id=”app”>
< template>
< div>
< h1 id=”title”> hello world! app< /h1>
< /div>
< /template>
< /div>
< script type=”text/javascript”>
var tem =document.getElementById(“tem”); //获取template标签
console.log(tem);
console.log(tem.innerHTML); //
var title = tem.content.getElementById(“title”); //在template标签内部内容，必须要用.content属性才可以访问到
console.log(title); `在这里插入代码片`
< /script>
< script>
new Vue({
el : ‘#app’,
} )
< /script>
< /body>
< /html>
(2)vue实例中的template属性
将实例中template属性值进行编译，并将编译后的dom替换掉vue实例绑定的元素，如果该vue实例绑定的元素中存在内容，这些内容会直接被覆盖。
特点：
1）如果vue实例中有template属性，会将该属性值进行编译，将编译后的虚拟dom直接替换掉vue实例绑定的元素（即el绑定的那个元素）；
2）template属性中的dom结构只能有一个根元素，如果有多个根元素需要使用v-if、v-else、v-else-if设置成只显示其中一个根元素；
3）在该属性对应的属性值中可以使用vue实例data、methods中定义的数据。
< !DOCTYPE html>
< html lang=”en”>
< head>
< meta charset=”UTF-8″>
< title> template< /title>
< script src=”https://cdn.staticfile.org/vue/2.2.2/vue.min.js”> < /script>
< /head>
< body>
< template id = “first”>
< div v-if = “flag”> 第一个{ { msg} } < /div>
< div v-else> 第二个< /div>
< /template>
< div id = “app”> < /div>
< abc id=”second”>
< div v-if=”flag”> { { msg} } < /div>
< div v-else> 111< /div>
< /abc>
< /script>
< script>
new Vue({
el:”#app”,
data:{
msg:”hello”,
flag:true
} ,
template:”#first”//通过该属性可以将自定义的template属性中的内容全部替换app的内容,并且会覆盖里面原有的内容，并且在查看dom结构时没有template标签
} );
< /script>
< /body>
< /html>
如果将上面的template:”#first”改为template:”#second”，则标签中的内容也会显示在页面上。所以此处利用template标签来定义vue实例中需要设置的template属性。(?)