您的位置：首页 > Web前端 > JavaScript

web前端实验二：利用JS保护网页源代码

2013-04-06 16:12 507 查看

实验目的：保护网页源代码；

实验用途：（你懂的）

直接上代码：

<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>

说明：网页加载时运行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代码，仍然可以看到页面的源代码。道高一尺，魔高一丈，想要保护源码，以上方法仅供参考而已。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航