使用 JavaScript 将整个页面或特定元素的源代码加密或隐藏起来示例
时间: 2024-02-25 21:51:52 浏览: 252
以下是一个使用 JavaScript 将整个页面的源代码隐藏起来的示例:
```html
<!DOCTYPE html>
<html>
<head>
<title>Hide Page Source Code</title>
<script type="text/javascript">
// Disable right-click menu
document.addEventListener('contextmenu', event => event.preventDefault());
// Disable keyboard shortcuts
document.onkeydown = function(e) {
if (e.ctrlKey && (e.keyCode === 67 || e.keyCode === 86 || e.keyCode === 85 || e.keyCode === 117)) {
alert('Keyboard shortcuts are disabled in this page!');
return false;
} else {
return true;
}
};
// Disable view source code
document.addEventListener('keydown', function(event) {
if (event.keyCode == 85 && event.ctrlKey && event.shiftKey) {
event.preventDefault();
alert('View source code is disabled in this page!');
}
});
</script>
</head>
<body>
<h1>Hello World!</h1>
<p>This is a demo page.</p>
</body>
</html>
```
该示例禁用了鼠标右键菜单、键盘快捷键和查看源代码功能,使得用户无法轻易地查看网页的源代码。
以下是一个使用 JavaScript 将特定元素的源代码加密或隐藏起来的示例:
```html
<!DOCTYPE html>
<html>
<head>
<title>Hide Element Source Code</title>
<script type="text/javascript">
// Hide element source code
document.addEventListener('DOMContentLoaded', function() {
var elements = document.getElementsByTagName('*');
for (var i = 0; i < elements.length; i++) {
elements[i].oncontextmenu = function() { return false; };
elements[i].onselectstart = function() { return false; };
elements[i].onmousedown = function() { return false; };
}
});
</script>
</head>
<body>
<h1>Hello World!</h1>
<p>This is a demo page.</p>
<img src="demo.jpg" alt="Demo Image">
</body>
</html>
```
该示例禁用了特定元素(包括所有标签和图片)的右键菜单、选择和鼠标点击事件,使得用户无法轻易地查看该元素的源代码。
阅读全文