js实现不可删除的水印

在前端页面中添加不可删除的水印，可以使用CSS来实现。具体步骤如下：

1. 首先在HTML页面中添加一个div元素，用于显示水印，例如：

<div class="watermark">这是水印</div>

2. 在CSS中设置该div元素的样式，使其成为一个半透明的文字框，例如：

.watermark {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: transparent;
  font-size: 3em;
  color: rgba(0, 0, 0, 0.05);
  text-align: center;
  transform: rotate(-30deg);
  transform-origin: center center;
}

其中，position: fixed;将该元素固定在页面中；top: 0;和left: 0;将其置于页面左上角；z-index: 9999;将其置于最顶层；pointer-events: none;使其无法被点击或选中；background: transparent;将其背景设置为透明；font-size: 3em;设置字体大小；color: rgba(0, 0, 0, 0.05);设置文字颜色为半透明黑色；text-align: center;将文字居中显示；transform: rotate(-30deg);设置水印旋转-30度；transform-origin: center center;设置旋转中心为元素中心点。

3. 最后，将该CSS样式文件在HTML页面中引入即可。

<link rel="stylesheet" href="watermark.css">

这样就可以在网页中添加一个不可删除的水印了。注意，由于CSS是在客户端渲染的，所以用户仍然可以通过查看网页源代码等方式来获取水印内容。如果需要更严格的保护，请在服务器端添加水印。