做一个有下拉功能的留言版

留言版里有太长的留言的话会把页面撑的十分长的,大家对那二个十分长的留言版是或不是感觉看的不舒畅,每一次都要点很频仍滚动条。
即使老是一开首只现身标题,点击标题就能在人世现身内容,那样的话是或不是特不错啊!
接下来大家就看看哪些贯彻:
首先要对一一标题和剧情设上ID,那是第贰个留言的ID设置,大家把题指标ID设为td1,内容为tdd1,接下去相近。
T奇骏 align=left id=td1 onclick=goit(tdd1State of Qatar onmouseout=noit(td1State of Qataronmouseover=onit(td1卡塔尔 bgcolor=#C8E7BA td vAlign=middle 这里是标题/TD
/TRubicon TLAND TD class=zw id=tdd1 bgcolor=#fffoce这里是内容 DIV align=right A
class=btn href=”#tob0″ onclick=goit(tdd1卡塔尔国关闭/A /DIV /TD /T途乐”onclick=goit(tdd1卡塔尔(قطر‎ onmouseout=noit(td1卡塔尔国 onmouseover=onit(td1卡塔尔(قطر‎”
那三句正是mouse的风波,noit(卡塔尔国和onit(卡塔尔只是更换颜色,goit(卡塔尔正是开采或关闭内容的函数,具体函数在下:
SC本田UR-VIPT language=”JavaScript” !– function
onit(o){o.runtimeStyle.backgroundColor=#FFBB66} function
noit(o){o.runtimeStyle.backgroundColor=#C8E7BA} function goit(o卡塔尔国{ if
(o.style.display==none卡塔尔 { o.style.display= } else { o.style.display=none
} } — /SCEvoqueIPT 最终不忘了,初始化你的页面,就是把内容先隐蔽起来“
script language=”JavaScript” goit(tdd1State of Qatar;goit(tdd2卡塔尔(قطر‎;………… /script

很已经想写一篇关于网页源代码屏蔽的篇章。是因为平时编出些JS脚本的今后,在得意的同一时候,也在操心源代码会被人家看看,盗用作者的台本。所以间接以来,作者都在大力维护本身的网页源代码的平安。即便近日还未有曾找到完全安全的屏蔽措施(也正是说,那些主意在本人想出去的还要,本身已经了然其症结和破解方法了),不过,作者这里有无数屏蔽的思绪,来总括一下。

  远近闻名,要爱护一个页面,最根基的即是要屏蔽右键。而近日网页上用得最多的是function
click(卡塔尔(قطر‎,即上边这段代码:

〈script〉
function click(){
if(event.button==2){
alert( ‘本网址招待您 !!’);
}
}
document.onmousedown=click
〈/script〉

  可是这种屏蔽措施的破解方法也是掌握的。那正是接连单击鼠标左键和右键便又足以见见右键菜单了。不过,我见过一种很好的蒙蔽右键的艺术。它的准则和上边所说的不一样。它并不是用JS来编排的本子,而是使用定义网页属性来起到限制的效果。何况,在屏蔽中应该尽恐怕的规避使用JS脚本。因为若是浏览者把IE里的javascript脚本禁止使用了。那么整个屏蔽都白费。

  那么继续说这种通过校勘网页属性的遮光右键的措施。这种方法应用了HTML里的〈body〉来作修正,它只有以下短短的一行代码:

〈body oncontextmenu=self.event.returnValue=false〉

  这里,定义了oncontextmenu。使得右键的值为false,起到了掩瞒右键的效果。以往,再尝试看刚刚的破解方法,已经足够了。左右键不停击打已经无法再张开右键菜单。不不过那个,再试试看此外的措施。无论你什么的乱点,右键都还未用。因为在这里个网页里,右键已经不设有了。对于三个荒诞不经的功效键,你又能做什么吧?

  可是,屏蔽了右键还不能减轻难点。倘若本人要复制一段文字,或是一张图纸。那么,把它选中后用ctrl+C
再用
ctrl+V不就足以复制粘贴了呗。对了,接下去要讲的,正是遮挡左键(什么?屏蔽左键?那那几个网页不就相当多废掉了?别急,没说罢呢,左键唯有一项意义是很看不惯的)的选定功用。

  那么,如上所说,用JS来隐蔽是从未用的,治标不治本的。那么,我们就还用网页的最底蕴的语言:HTML来定义吧。还是老招式,定义〈body〉。此次用的参数是:onselectstart。就是左键选定的参数。代码如下:

〈body onselectstart=”return false”〉

  那样,左键选定成效就给自由屏蔽了。原理和地点的平等。今后,再用你的左键选拔随机内容把,已经远非用了。自然也不可能ctrl

  • C,ctrl +V了。那么,现在大家来把这两局地联合起来。深透调整左右键!:

〈body oncontextmenu=self.event.returnValue=false onselectstart=”return
false”〉

  未来,左右键的难点到底是解决了啊。

  好,现在大家来看另二个难点。我们都掌握,在IE浏览器的菜单栏里的“查看”项里。有三个“查看源代码”选项。这么一来,即使咱们遮挡了右键里的查看源代码。可是,只要用菜单栏里的查看源代码,还是得以观望源代码的。那可怎么做呢?

  笔者前期的主张是用框架来规避源代码的查阅。也正是说,只要一个网页是嵌在框架里的,那么在菜单栏里筛选查看源代码查看见的只是框架网页的源代码。平时格式如下:

〈html〉
〈head〉
〈meta HTTP-EQUIV=”Content-Type” CONTENT=”text/html; charset=gb2312″〉
〈title〉本网址标题〈/title〉
〈/head〉

〈frameset rows=”47,*” framespacing=”0″ border=”0″ frameborder=”0″〉
〈frame name=”header” scrolling=”no” noresize target=”main”
src=”top.htm”〉
〈frame name=”main” src=”main.htm” scrolling=”auto” target=”_self”〉
〈noframes〉
〈body〉

〈p〉此网页使用了框架,但你的浏览器不扶植框架。〈/p〉

〈/body〉
〈/noframes〉
〈/frameset〉

〈/html〉

  那样看起来对方是从未一直看看您的源代码了。但是,如若一位要看您的源代码,这她70%是能看懂的。即使懂一些HTML的话,都能观察这两句是怎么看头:

〈frame name=”header” scrolling=”no” noresize target=”main”
src=”top.htm”〉
〈frame name=”main” src=”main.htm” scrolling=”auto” target=”_self”〉

  这两句的意思正是:在header(也正是网页最上部)处引用相对路线下的top.htm网页文件。而在main(相当于挤占网页当先八分之四页面包车型地铁地点)处引用相对路线下的main.htm网页文件。就这两点是任重(Ren ZhongState of Qatar而道远的,别的就不作解释了,大家也都懂的。而地方所讲的利用框架来隐蔽源代码的章程正是快要展现页面放在main部分。而将header部分的大小设为0。可是这样一来,利用菜单栏里的查看源代码,仍然是能够查看见框架网页的源代码。只要看见这两句,就驾驭咱们眼下用的一手了。也正是说,只要将框架网页的名字改为指标网页,便得以用同一的议程直接看看目的网页的源代码了。如:框架网页:

  那么,某人就能够想到,假如对方看不到框架网页的源代码。又何谈去直接张开被保养网页?对,那正是接下去本人要讲的。若是要一个页面包车型客车菜单栏内的查看源代码失去功效。那最简单易行的点子便是去掉菜单栏。而那或多或少是足以透过弹出窗口来贯彻的。之所以不选用超链接张开无菜单栏窗口是因为那样会暴露目标地址,浏览者能够直接在浏览器中敲入地址,而绕过那一个屏蔽的菜单栏。要动用超链接展开无菜单栏窗口,就务须在一个已饱尝源代码屏蔽保障的网页中接收相关链接。

  那么,大家就看看怎么着运用弹出窗口来去掉菜单栏。其实,大家要做的,正是让对象网页在三个广告条中开发。那几个代码大致各样大型网址都会有的。代码如下:

〈script〉
〈!–
window.open(“red.htm”, “red”, “resizable=yes,width=500,height=300”);
–〉
〈/script〉

  这里,在window.open后的括号里的首先个参数正是弹出窗口所体现的网页的职位,这里例子里是先对义务下的red.htm网页文件。这时候运转便议和出贰个来得有red.htm的无菜单栏的窗口。好,大家的指标到达了。然则,这一个窗口有叁个弱点,就是从未滚动条。因为在谈出窗口的话语:window.open里并从未有关滚动条的参数,(或是自个儿不明了?迎接高手来信提出),所以那边张开的网页提出只做成网页的导航页。

  不过,用上述措施撤消菜单栏,必得有二个次之方的网页来作弹出的办事。那么,这么些用来弹出窗口的网页又改为了叁个主题素材的各处。譬世尊说:假诺,我们用贰个index.htm来作弹出窗口的办事。相当于开采index.htm之后,会弹出red.htm的无菜单栏窗口。后边大家也关乎了,假设知道了叁个网页的地址后,无论那几个网页是或不是隐身在无菜单栏之下,你都能看出它的源代码。那么,不让这么些red.htm之处揭发也就成了解决这一个标题标严重性。不过,只要那一个index.htm被张开,就足以看见源代码。不过,不妨反过来用脑筋想,纵然大家把index.htm给关起来吧?只要在浏览者未有来得及查看index.htm早前将它破产,就能够保住它的源代码了。那么,在此个index.htm里就有得做些小说了。

  那便是,增添关闭网页的代码。

  那么,大家就能够用window.close来关闭窗口。代码如下:

〈script〉
〈!–
window.close();
–〉
〈/script〉

  那么,今后我们把两某个代码合併起来。今后,获得的功效正是——直接有三个无菜单栏的窗口展开了。因为计算机的处理速度非常快,假使大家将这两段代码紧接着写在一同,那么大家就只美观见新建的窗口。代码如下:

〈script〉
〈!–
window.open(“red.htm”, “red”, “resizable=yes,width=500,height=300”);
window.close();
–〉
〈/script〉

  而本来的窗口,已在大家无察觉的情况下关闭了。这样,就别讲查看该网页的源代码了。这里,参加地方源代码的网页起了八个跳板的功能。然则,在那地,大家要小心几点。第一,用来做跳板的网页不该命名叫index.htm。将它换贰个名字,然后把默许首页的名字改为转移过的名字。那样,是浏览者能在输入网之后便自动访谈该页。而又不致让对方领悟该页的名号。假如不这么做,就能促成对方推测出该页的岗位。如:172.0.0.0/index.htm。那样,就能够通过在浏览器中付出:View-Source:Http://172.0.0.0/index.htm就能够看见该页的源代码了。

  在屏蔽掉了菜单栏和工具栏之后,大家想,若无了最上方的窗口条该多行吗?下边大家要做的事务,有前提,正是在地方所说的在接收跳板页面打开一个无菜单栏的窗口之后。大家要做什么呢?正是让大家来得网址内容的窗口只展现内容,(是呀,网址不正是给外人浏览的吧?要浏览器和windows的那么多职能做怎样啊……)只要内容,其他一律去掉。咱们就足以由此一段Javascript来成功。上边这段代码正是用来定义无任何窗口特征的代码:

〈script〉
function open1(url){
newwin=window.open(url,’newwindow’,’fullscreen=1′)
newwin.resizeTo(800,600)
newwin.moveTo(screen.width/0-800,screen.height/0-600)
}
〈/script〉

  个中,function
open1(url卡塔尔(قطر‎定义了超链接的写法。所以,大家在写链接的地址时,应该如此写:javascript:open1(urlState of Qatar。举个例子自身要开采叁个无窗口特征的乐乎首页就相应在文字或图表的超链接里那样写:javascript:open1(‘http:www.sina.com.cn’卡塔尔。当然,括号内也协理绝对路线。最终写出来的格式应该是:

〈script〉
function open1(url){
newwin=window.open(url,’newwindow’,’fullscreen=1′)
newwin.resizeTo(800,600)
newwin.moveTo(screen.width/0-800,screen.height/0-600)
}
〈/script〉
〈body oncontextmenu=self.event.returnValue=false onselectstart=”return
false”〉
〈td width=”100%”〉〈a
href=”javascript:open1(‘main.htm’),window.close()”〉〈img border=”0″
src=”pic/blank1.gif” style=”position: absolute; left: 556; top: 142″
width=”169″ height=”57″〉〈/a〉〈/td〉
〈/body〉

  那样,我们就实现了展开无窗口边的网页了。何况,在此个网页中,会自行走入滚动条,那样,就不会像前边那么看不到上边包车型客车开始和结果啦。

  最后我们要做的干活,正是把每一页,或然你以为主要的机要的页面实行加密,就OK啦。怎么着对网页的源代码实行加密就不用本身多说了呢?网络随地都有,能够用工具,也得以协和写三个htm文件来转换。加密软件,笔者推荐“Batch
HTML Encryptor”,去google找呢。还大概有调换加密网页的代码如下:

〈HTML〉〈HEAD〉〈TITLE〉网页加密解密〈/TITLE〉
〈META http-equiv=Content-Type content=”text/html; charset=gb2312″〉
〈META content=”MSHTML 6.00.2600.0″ name=GENERATOR〉〈!–
大地软件职业室–〉〈LINK
href=”/style.css” rel=stylesheet〉
〈META content=”Microsoft FrontPage 4.0″ name=GENERATOR〉
〈/HEAD〉
〈BODY bgColor=#ffffff leftMargin=0 topMargin=0
onload=initStyleElements()〉
〈DIV
style=”LEFT: 139px; WIDTH: 106px; POSITION: absolute; TOP: 52px; HEIGHT:
36px”〉

〈TABLE cellSpacing=0 cellPadding=0 width=760 align=center
border=0〉〈!–DWLayoutTable–〉
〈TBODY〉
〈TR〉
〈TD vAlign=top align=middle width=760 height=310〉
〈DIV align=center〉
〈H2〉
〈SCRIPT language=JavaScript〉
〈!–
var i=0;
var ie=(document.all)?1:0;
var ns=(document.layers)?1:0;

function initStyleElements() /* Styles for Buttons Init */
{
var c = document.pad;
if (ie)
{
//c.text.style.backgroundColor=”#DDDDDD”;
c.compileIt.style.backgroundColor=”#C0C0A8″;
c.compileIt.style.cursor=”hand”;
c.select.style.backgroundColor=”#C0C0A8″;
c.select.style.cursor=”hand”;
c.view.style.backgroundColor=”#C0C0A8″;
c.view.style.cursor=”hand”;
c.retur.style.backgroundColor=”#C0C0A8″;
c.retur.style.cursor=”hand”;
c.clear.style.backgroundColor=”#C0C0A8″;
c.clear.style.cursor=”hand”;
}
else return;
}

/* Buttons Enlightment of “Compilation” panel */
function LightOn(what)
{
if (ie) what.style.backgroundColor = ‘#E0E0D0’;
else return;
}
function FocusOn(what)
{
if (ie) what.style.backgroundColor = ‘#EBEBEB’;
else return;
}
function LightOut(what)
{
if (ie) what.style.backgroundColor = ‘#C0C0A8’;
else return;
}
function FocusOff(what)
{
if (ie) what.style.backgroundColor = ‘#DDDDDD’;
else return;
}
/* Buttons Enlightment of “Compilation” panel */

function generate() /* Generation of “Compilation” */
{
code = document.pad.text.value;
if (code)
{
document.pad.text.value=’Compiling…Please wait!’;
setTimeout(“compile()”,1000);
}
else alert(‘First enter something to compile and then press
CompileIt’)
}
function compile() /* The “Compilation” */
{
document.pad.text.value=”;
compilation=escape(code);
document.pad.text.value=”/〈script〉n〈!–ndocument.write(unescape(“”+compilation+””));n//–〉n〈/script〉”;
i++;
if (i=1) alert(“Page compiled 1 time!”);
else alert(“Page compiled “+i+” times!”);
}
function selectCode() /* Selecting “Compilation” for Copying */
{
if(document.pad.text.value.length〉0)
{
document.pad.text.focus();
document.pad.text.select();
}
else alert(‘Nothing for be selected!’)
}
function preview() /* Preview for the “Compilation” */
{
if(document.pad.text.value.length〉0)
{
pr=window.open(“”,”Preview”,”scrollbars=1,menubar=1,status=1,width=700,
height=320,left=50,top=110″);
pr.document.write(document.pad.text.value);
}
else alert(‘Nothing for be previewed!’)
}
function uncompile() /* Decompiling a “Compilation” */
{
if (document.pad.text.value.length〉0)
{
source=unescape(document.pad.text.value);
document.pad.text.value=””+source+””;
}
else alert(‘You need compiled code to uncompile it!’)
}
// –〉
〈/SCRIPT〉
〈BR〉〈B〉〈FONT
color=#333333〉网页HTML源代码加密解密器〈/FONT〉〈/B〉〈/H2〉〈/DIV〉
〈TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=10
width=750
align=center borderColorLight=#ffffff border=2〉
〈TBODY〉
〈TR〉
〈TD〉
〈DIV align=center〉〈BENVISION〉将您的源代码贴到编辑区域就能够〈B汉兰达〉〈B大切诺基〉
〈TABLE cellSpacing=0 cellPadding=0 width=”100%” border=0〉
〈TBODY〉
〈TR〉
〈TD width=”100%”〉〈!– Compilation Panel –〉
〈FORM name=pad method=post align=”center”〉
〈DIV align=center〉〈TEXTAREA style=”WIDTH: 95%; BACKGROUND-COLOR:
#ebebeb” name=text rows=11 cols=58〉〈/TEXTAREA〉
〈BR〉〈BR〉〈BR〉〈INPUT onmouseover=LightOn(this) onclick=generate()
onmouseout=LightOut(this) type=button value=加密 name=compileIt〉
〈INPUT onmouseover=LightOn(this) onclick=selectCode()
onmouseout=LightOut(this) type=button value=全选 name=select〉
〈INPUT onmouseover=LightOn(this) onclick=preview()
onmouseout=LightOut(this) type=button value=预览 name=view〉
〈INPUT onmouseover=LightOn(this) onclick=uncompile()
onmouseout=LightOut(this) type=button value=解密 name=retur〉
〈INPUT onmouseover=LightOn(this) onmouseout=LightOut(this) type=reset
value=清除 name=clear〉
〈/DIV〉〈/FORM〉〈!– Compilation Panel
–〉〈/TD〉〈/TR〉〈/TBODY〉〈/TABLE〉〈/DIV〉〈/TD〉〈/TR〉〈/TBODY〉〈/TABLE〉
〈DIV align=center〉〈BR〉〈/DIV〉
〈DIV align=center〉〈/DIV〉 〈/TD〉〈/TR〉〈/TBODY〉〈/TABLE〉
〈/DIV〉
〈DIV〉〈/DIV〉〈/BODY〉〈/HTML〉

  计算一下……按本身的思绪,屏蔽网页源代码主要分为以下多少个步骤:

  1.
做叁个网页跳板,弹出要保险的广告条状页面,并将自己关闭,避防止走漏需保险网页的地址。

  2.
出于上述条件屏蔽了广告条内网页的源代码,所以能够用这一个网页作为应接页。

  3.
在迎接页中,利用Javascript以超连接的样式来开荒无窗口边的新窗口体现网址内容。

  4.
对每八个页面可能对第一的重大的页面实行源代码加密,为源代码加一把锁。(有一些人会说对源代码进行加密未有用,可是笔者以为要运用另类点的加密方法就可以了,比方软件的加密方法就很常常。可是用自身自个儿写的htm文件加密的源代码,平常软件是无法扩充解密的。大家有意思味的话可以执行。)

  5.
最后不能不提的正是windows网页有时文件夹了,这里面会把源代码纪录的。不过不用怕,出席一种代码,就可以使windows不下载网页的源代码,直接浏览。能够去找找。

  有个别东西要注意的:

  1.
在文中所说的自发性关闭网页的讲话:window.close(卡塔尔有多个破绽。正是会在闭馆窗口以前询问是不是关闭窗口,要是选拔否的话目标依旧达不到。

  2.
以上全体都只对IE浏览器有功用,假若用别的浏览器来浏览,就有望出现屏蔽不成功的气象。

  3.
有关网页源代码屏蔽,一如既往是无助的。我只是把思路写下去,具体达成,依旧要靠我们自身切磋的哇。

You can leave a response, or trackback from your own site.

Leave a Reply

网站地图xml地图