下面是个网页制作:用零框架技术加密网页教程,撑握了其技术要点,学起来就简单多了。赶紧跟着图老师小编一起来看看吧!
【 tulaoshi.com - Web开发 】
对广大网页编写者来说,对源代码的保护是最为关注的,但往往却没有任何办法。辛辛苦苦编写的网页在浏览者面前毫无遮掩,只要被别人轻轻点击鼠标右键,选择(查看源代码)一项后,即可获得网页完全代码,甚至稍加修改后就成为他人的网页。本篇将通过采用JavaScript技术,对页面源代码的修改,使浏览者无法获得源码,达到保护代码的目的。
首先,应屏蔽Internet Explorer工具栏中-查看-源代码一项的功能,即将页面采用框架结构的方式。若你的页面并未使用框架结构,且不需使用框架结构,可使用"零框架"技术(即将页面分为左右两帧,左帧的宽度为1,右帧为原页面)。该方法的代码如下:
<html
<head
<title欢迎光临</TITLE
</HEAD
<FRAMESET COLS="1,*" frameborder=0 framespacing=0
<FRAME SRC="PS.HTM" NAME="count" noresize scrolling=no
<FRAME SRC="search.HTM" NAME="search" noresize
</frameset
</html
将该文件存为主文件index.htm,建立一空文件ps.htm,原页面文件现另存为index.html(与主文件名仅在扩展名上略有不同)。采用零框架技术有以下优点:
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)1、浏览者在用工具栏中的源代码项无法直接得到页面代码,仅能得到框架主文件的代码(即上述代码)。
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)2、可利用左帧文件ps.htm加载一些网页的高级应用,如背景音乐,网页计数器,cookie应用等。
其次,应屏蔽鼠标右键的显示源文件功能,即在所需保护的页面文件(上例中为index.html文件)中加入以下代码:
<script Language="JavaScript"
function click() {
if (event.button==2 event.button==3) {alert('"用右键要干嘛?"^_^') }}
//引号中提示可自定义
document.onmousedown=click
</script
最后,为防止一些了解网页编写语言的人通过框架主文件中的连接手工找出被保护页面后获得源代码,还应在被保护页面中加入以下代码:
<script language="javascript"
if(top==self)top.location="index.html"
</script
这段代码将提供跳回功能,使浏览器无法直接看到该页,而是自动跳回框架主文件index.html,起到保护该页面的作用。
在完成以上三个步骤,对你的主页按照框架结构进行了修改后,你的主页源代码将不能被浏览者在网上获得,可以小小庆贺一下了。
另外,若你确实不想用框架页面,那么可用特殊的方法打开浏览器新窗口,再结合屏蔽鼠标的功能代码后亦可收到同样的效果,打开方法如下:
<a href=javascript:window.open("key.html","被保护页面的标题", "height=170,width=290,left=0,top=0,toolbar=0,location=0,directories=0,status=0,menubar=0, scrollbars=0,resizable=0,copyhistory=0") target=_blank打开被保护页面的连接</a
代码中,key.html为被保护页面的文件名。新窗口的高度height与宽度width的值可由用户自定义,单位为像素。
注意:嵌入式的JavaScript代码应加在原文件的元素区内。
来源:http://www.tulaoshi.com/n/20160219/1613778.html
看过《网页制作:用零框架技术加密网页》的人还看了以下文章 更多>>