JavaScript实例自学手册
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

1.5 保护网页源代码

【实例描述】

大部分网页的源代码可以使用IE提供的“查看源代码”命令查看。本例学习一种方法,可以屏蔽对网页源代码的查看。

【实现代码】

<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 onload=clear()>
<marquee>测试下能否看到源码</marquee>
</body>
</html>

【运行效果】

使用“查看源代码”命令后的效果如图1-5所示。

图1-5 使用“查看源代码”命令后的效果

【难点剖析】

本例的原理是首先将文档的内容保存在一个变量中,然后清空文档的内容,最后再在文档中显示旧内容。其实文档内容显示的就是“document.write”输出的内容。