复制是一个使用频率特别高的操作，在网页中，一般可以选中要复制的内容，使用快捷键ctrl+c 将内容复制到剪贴板。除了使用系统提供的快捷方式复制网页内容，我们还可以用JS实现复制，这得益于document的execCommand('copy') 命令。
我们可以通过表单元素的select()方法选中内容，表单元素因为textarea限制少于input，所以推荐使用textarea。我们可以动态创建一个textarea元素，将textarea的value属性值设置为上面的innerText属性值，再执行textarea的select方法选中。
上面实现了选中，下面就可以实现复制功能了。
最后一步就可以用execCommand('copy')实现复制了，它可以复制浏览器中选中的文本，比如说上面被textarea选中的文本，复制之后记得移除textarea。
第二步和第三步可以优化一下，创建一个copy函数，函数参数设置为第一步需要复制的文本，返回值为复制的结果。
完整JS示例如下：
使用示例
可以将上面的完整JS示例写入一个JS文件，将JS文件引入HTML中，通过JS点击事件来执行复制函数。
网页源代码直接复制保存没有效果的原因：
①网页代码的head部分有引用别的文件，包括js以及css样式。如果你没有对应的文件。网页上的样式和一些js写出来的效果是没有的。你的问题应该就是这个原因造成的。
②网页的代码中有一些是要依靠相应的web服务才能展示出来的。你如果没有相应的web服务器。例如iis或者Apache或者tomcat。你是没法看到相应的页面应该有的效果的。
从一般的浏览器上只是下载了页面源代码和图片，缺少js和css文件而导致的排版错乱。
解决方法：
步骤1、下载一个火狐浏览器。
步骤2、打开哈佛官网首页。
步骤3、鼠标右击点击将页面另存为，下载完毕你会发现不止有一个源代码页面，还有一个文件夹，文件夹内就有你缺少的js和css文件。
下载完毕后直接打开下载下的那个HTML页面即可，切记不要移动下载下的文件和文件夹，如果你移动了文件或者文件夹的位置，有可能会导致源代码读取路径不正确而排版错乱。
