网页制作:用零框架技术加密网页

2016-02-19 16:59 6 1 收藏

下面是个网页制作:用零框架技术加密网页教程,撑握了其技术要点,学起来就简单多了。赶紧跟着图老师小编一起来看看吧!

【 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

延伸阅读
标签: Web开发
现在专业性的网站越来越多,许多网友们都在网上建立起了自己的小家。不过辛辛苦苦制作的网页被人拿去改头换面却是件非常痛心的事,所以大家都想保护自己独创的作品,为自己的网页上把锁,今天就让我带大家了解一下如何给我们的网页加上一把密码锁。 一、常用JavaScript密码锁 1. 了解javascript JavaScript是一种新的网页描...
标签: Web开发
通过预定义的框架集,您可以很容易地选择您要创建的框架集类型。 创建预定义的框架集有两种方法: 通过插入栏,您可以创建框架集并在某一个新的框架中显示当前文档。 新建文档对话框创建新的空框架集。 要创建预定义的框架集并在某一框架中显示现有文档,请执行以下操作: 将插入点放置在文档中。 执行下...
标签: Web开发
现将《2天驾驭DIV+CSS》教程的目录列出,以方便大家学习! ================================= 基础 DIV+CSS的叫法是不准确的 使用Table布局是不明智的 xHTML+CSS与SEO CSS如何控制页面 CSS选择器 CSS选择器命名及常用命名 盒子模型 块状元素和内联元素 ================================= 课程 盒模型、块状元素与内联元素、CSS选...
标签: Web开发
优化网页,加快网页下载速度,除了对图片进行优化之外,还需对网页其他各个元素进行优化。在网页编织过程中如能充分利用编辑工具,也可以在网页制作中达到优化目的。下面是Dreamweaver中的一些优化技法: 合理调用CSS 进行网页设计时,运用样式表单CSS来对页面元素进行布置,可以大大地减少HTML代码,这点我们已经很清楚。Dreamw...
标签: Web开发
个人总结了在开发css框架中的一点经验,献丑了。希望大家的讨论能使我们共同进步。:) 1、css框架 中国的互联网行业已经发展了10年,浏览器也从最早流行的NS到现在的FF3.IE7等等前端开发工程师的职位也诞生了。近几年在web开发中,有个非常火的词框架。YUI、JQuery、Prototype这些javascript框架在开发网站时,确实成为前端开发工程师的手中...

经验教程

110

收藏

61
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部