网页制作不常见技巧(转)

1、 去掉IE的滚动条
有时候做好的网页明明沒有超出窗口,可IE卻偏偏給加上滚动条,这样看上去很不舒服,其实这也是可以通过一些小技巧避免的。具体如下:
<body style=”overflow-x:hidden”>…</body> //去掉X轴方向的滚动条
<body style=”overflow-y:hidden”>…</body> //去掉Y轴方向的滚动条
<body style=”overflow:hidden”>…</body> //去掉全部的滚动条
現在你看到的和你想像中的网页应该一样了吧,如果其中有什么不明白的地方可以参照注释中的说明。

2、 使网页中的复制无效
有方法防止网页被保存了,可不可以也防止网页內容被复制呢?答案是当然可以。看看下面的例子你就会明白的。
<html>
<head>
<script language=”****”>
function nocopy() {
alert(“对不起,你不能非法复制本站內容”);
event.returnvalue=false;
}
</script>
</head>
<body οncοpy=”nocopy()”>copyright by commander.</body>
</html>
这其实中是利用了document的一个oncopy事件,也就是说当发生复制事件时,弹出警告框,同时事件(event)的返回值为false使oncopy事件

失效,从而达到防止复制的目的。

3、 用脚本控制浏览器
看到标题是不是有点不相信,那么试试下面的这几个例子吧!你一定会吃惊的。
在<body>和</body>之间加入如下代码:
<button οnclick=”document.execCommand(‘open’)”>打开</button>
<button οnclick=”document.execCommand(‘saveas’)”>另存为…</button>
<button οnclick=”document.execCommand(‘print’)”>打印</button>
上面其实都是利用了document.execCommand()这个內置的函数,其参数为相应的浏览器命令,还有很多命令就留給大家自己发現吧!

4、 IFrame也可以编辑文字
有沒有想过除了表单(<form>之外还有其它的网页元素可以编辑文字呢?只要使用IFrame的隐藏的一个属性就可以使IFrame成为一个文本编辑器


<html>
<body οnlοad=”editer.document.designMode=’On’”>
<IFrame ID=”editer”></IFrame>
</body>
</html>
其中designMode属性表示IFrame的设计模式的状态(开/关),还在犹豫什么呢,快试试吧!
只要巧妙的利用这一特性就可以制作很多意想不到的效果。如果下面我们来做一个图片编辑器。
<html>
<body οnlοad=”imgEditer.document.designMode=’On’;imgEditer.document.write(‘<img src=图片.gif>’)”>
<IFrame id=”imgEditer”></IFrame>
</body>
</html>
用鼠标点击图片是不是有新的发現,其实大家只要利用自己的想象和充分利用这个属性一定能做出更多的花样来,別忘了到时候有什么新的发

现,告诉我一声!!

5、 打开硬盘
这是打开硬盘的另一种方法,把它写出来只是想告诉大家,要达到同一个目的有很多种方法,这里就是利用了表单的Action属性达到的,其实

打开硬盘有很多种方法,只是这种不太被人们注意,所以这里就选择了这种了关),还在犹豫什么呢,快试试吧!
只要巧妙的利用这一特性就可以制作很多意想不到的效果。如果下面我们来做一个图片编辑器。
<html>
<body οnlοad=”imgEditer.document.designMode=’On’;imgEditer.document.write(‘<img src=图片.gif>’)”>
<IFrame id=”imgEditer”></IFrame>
</body>
</html>
用鼠标点击图片是不是有新的发現,其实大家只要利用自己的想象和充分利用这个属性一定能做出更多的花样来,別忘了到时候有什么新的柀

│,告诉我一声!!
5、 打开硬盘
这是打开硬盘的另一种方法,把它写出来只是想告诉大家,要达到同一个目的有很多种方法,这里就是利用了表单的Action属性达到的,其实

打开硬盘有很多种方法,只是这种不太被人们注意,所以这里就选择了这种方法。
<form action=file://c│><input type=”submit” value=”打开C盘”></form>


你 別 看 我 的 源 代 码

有时候好不容易写出来的程序代码被別人抄去,心里一定不好受。这还是小事,但如果在我们的源代码中有一些不希望让別人知道的內容,比

如密码、Action的指向等,这些一旦被人利用,那後果有时是不堪设想的。而网页加密就是我们現在需要解决的问题。下面就我在网页制作中

的一些经验向大家介绍一些简单的防範方法。

1、禁止右键
看到这里大家一定会想,这招有很多人介绍过了,而且破解的方法也有很多。但我这里要说的是另一种方法,而且我试了很多方法都沒有能破

解。具体如下:
<html>
<head>
<script>
function stop(){
alert("试试能破解吗"。)
<form action=file://c│><input type=”submit” value=”打开C盘”></form>


你 別 看 我 的 源 代 码

有时候好不容易写出来的程序代码被別人抄去,心里一定不好受。这还是小事,但如果在我们的源代码中有一些不希望让別人知道的內容,比

如密码、Action的指向等,这些一旦被人利用,那後果有时是不堪设想的。而网页加密就是我们現在需要解决的问题。下面就我在网页制作中

的一些经验向大家介绍一些简单的防範方法。

1、禁止右键
看到这里大家一定会想,这招有很多人介绍过了,而且破解的方法也有很多。但我这里要说的是另一种方法,而且我试了很多方法都沒有能破

解。具体如下:
<html>
<head>
<script>
function stop(){
alert("试试能破解嗎?");
return false;
}
document.οncοntextmenu=stop;
</script>
<boyd>你可以按右键、shift+F10和右ctrl左边的那个键试试!看能不能解。^_^</body>

大家试试,看能不能破解!你可以将alert("试试能破解嗎?");这句去掉,这样当按右键时就什么反应也沒有了,就好像沒有右键功能一样。

2、禁示查看源代码
我们已经禁了右键,但从"查看"菜单下的"源文件"中同样可以看到源代码,下面我们就来解决这个问题:
其实这只要使用一个含有<frame></frame>标记的网页便可以达到目的。
<frameset>
<frame src="你要保密的文件的URL">
</frameset>
这样当有人使用"查看"下的"源文件"的时候,看到的将是上面的那段代码,而你真正的文件又躲过一劫。

3、禁?嗎?");
return false;
}
document.οncοntextmenu=stop;
</script>
<boyd>你可以按右键、shift+F10和右ctrl左边的那个键试试!看能不能解。^_^</body>

大家试试,看能不能破解!你可以将alert("试试能破解嗎?");这句去掉,这样当按右键时就什么反应也沒有了,就好像沒有右键功能一样。

2、禁示查看源代码
我们已经禁了右键,但从"查看"菜单下的"源文件"中同样可以看到源代码,下面我们就来解决这个问题:
其实这只要使用一个含有<frame></frame>标记的网页便可以达到目的。
<frameset>
<frame src="你要保密的文件的URL">
</frameset>
这样当有人使用"查看"下的"源文件"的时候,看到的将是上面的那段代码,而你真正的文件又躲过一劫。

3、禁示另存为
通过上面的两步好像你的源代码已经安全了,但別忘了,別人还可以将你的页面保存下来,再慢慢分析。不过別担心,下面我们来解决这个问

题。
在你要保密的网页中加入以下代码:
<noscript>
<iframe src="*.htm"></iframe>
</noscript>
現在如果有人想保存你的网页,等他保存到一部分的时候IE就会帮你告诉他,无法保存该WEB页,並将己保存的那部分文件删除,你就偷乐吧,

呵呵!

 


 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值