实验目的:保护网页源代码;
实验用途:(你懂的)
直接上代码:
<html>
<head>
<title>测试是否能看到源代码</title>
<script>
function clear()
{
Source=document.body.innerHTML; //获取文档的原有内容
document.open(); //打开文档
document.write("代码已经被屏蔽");//输出提示内容
document.close(); //关闭文档
document.title="看不到源代码"; //文档标题
document.body.innerHTML=Source; //重新写入旧内容
}
</script>
</head>
<body οnlοad=clear()>
<marquee>测试下能否看到源码</marquee>
</body>
</html>
说明:网页加载时运行clear()函数,功能为修改body的内容,innerHTML为一个属性,从对象的起始位置到终止位置的全部内容,包括Html标签。
如:
<div id="test">
<span style="color:red">test1</span> test2
</div>
在 JS中可以使用:
test.innerHTML:
也就是从对象的起始位置到终止位置的全部内容,包括Html标签。
上例中的test.innerHTML的值也就是“<span style="color:red">test1< /span> test2 ”。
test.innerText:
从起始位置到终止位置的内容, 但它去除Html标签
上例中的text.innerTest的值也就是“test1 test2”, 其中span标签去除了。
test.outerHTML:
除了包含innerHTML的全部内容外, 还包含对象标签本身。
上例中的text.outerHTML的值也就是<div id="test">< span style="color:red">test1</span> test2</div>
缺点:
如果运行时不允许加载js代码,仍然可以看到页面的源代码。道高一尺,魔高一丈,想要保护源码,以上方法仅供参考而已。