Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >html怎么禁止另存
html怎么禁止另存
- 藏色散人asal
- 2021-06-03 14:46:573869semak imbas
html禁止另存的方法：1、通过“$(document).ready(function(){...}”方法禁止另存；2、在整个页面上面加一层“保护层”，让用户不能操作真正的页面。
本文操作环境：windows7系统、HTML5&&CSS3版、Dell G3电脑。
HTML页面如何禁止复制文字，禁止保存图片，禁止网页另存为
应工作要求，要控制网页的内容不能轻易外泄，即，不能复制文字啦，不能下载网页中的图片啦，不能将网页另存为啦。网上很多例子，自己采用的方式如下：
<body bgcolor="#404040" oncontextmenu = "return false" oncopy = "return false" onselectstart = "return false" >
js里面就这样写：
$(document).ready(function(){
document.oncontextmenu = function(){
return false;
}
document.onselectstart = function(){
return false;
}
document.oncopy = function(){
return false;
}
});要是不生效的话，要先检查代码是否有错误，我就因为代码误删没察觉，导致上面的代码不生效。
另一种方式是：在整个页面上面再加一层“保护层”，让用户不能操作真正的页面就行。
方法：找到要禁止页面的最小div的class属性，然后加上如下样式，比如div的class为container，则这么写：
.container{
position:relative;
}
.container::before{
content:'';
width:100%;
height:100%;
position:absolute;
z-index:1000;
background-color:#fff;
opacity:0;
top:0;
left:0;
}注意z-index的值要是整个页面最大的，然后透明度opacity置为0，即完全透明，这样就把真的数据遮挡起来而不被察觉了。
【推荐学习：html视频教程】
Atas ialah kandungan terperinci html怎么禁止另存. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：如何解决html tomcat乱码问题Artikel seterusnya：邮件html是什么