使用JS（watermark）给HTML页面添加文字水印（全网最简单，最详细，复制即用，提供源码链接）

前言：

最近在做项目，PD提需求让做一个页面水印，百度到的答案好像大部分都是图片的，要么七七八八的，百度了好久，现在总结出来了这个精简中的精简版的教程，与大家分享。（源码下载链接在文章末尾，如果不想看可以直接至翻到末尾。）

分析需求：

PD需要的是整个页面布满水印，那么可以确定三件事情：

1. 我们加载页面后就要把这个水印填在页面上
2. 需要根据页面大小，动态跳转页面上水印数量，防止某些人缩小刷新，放大截图。

那么我们就可以得到下面的基本结构。

下面我们就可以开始添加水印了

添加水印：

水印我们可以JS生成一个DIV，设置绝对定位来做（在其他网站上，好像水印都是斜着的，所以顺便给他旋转一下），同时需要取消这个div的点击事件，否则会影响页面交互。

首先做这个向页面添加一个D