• 阅读1201
  • 回复6

网页制作中一些不常见的技巧

[复制链接]
发表于 2005-7-19 02:55 | 显示全部楼层 |阅读模式
原文出处应该是51js吧,几年前收集的,记不大清了

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

2、 使网页中的复制无效
有方法防止网页被保存了(参见《你别看我的源[wiki]代码[/wiki]》),可不可以也防止网页内容被复制呢?答案是当然可以。看看下面的例子你就会明白的。
<html>
<head>
<script language=”javascript”>
function nocopy() {
alert(“对不起,你不能非法复制本站内容”);
event.returnValue=false;
}
</script>
</head>
<body oncopy=”nocopy()”>copyright by commander.</body>
</html>
这其实中是利用了document的一个oncopy事件,也就是说当发生复制事件时,弹出警告框,同时事件(event)的返回值为false使oncopy事件失效,从而达到防止复制的目的。

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

4、 IFrame也可以编辑文字
有没有想过除了表单(<form>)之外还有其它的网页元素可以编辑文字呢?只要使用IFrame的隐藏的一个属性就可以使IFrame成为一个文本编辑器。
<html>
<body onload=”editer.document.designMode=’On’”>
<IFrame ID=”editer”></IFrame>
</body>
</html>
其中designMode属性表示IFrame的设计模式的状态(开/关),还在犹豫什么呢,快试试吧!
只要巧妙的利用这一特性就可以制作很多意想不到的效果。如果下面我们来做一个图片编辑器。
<html>
<body onload=”imgEditer.document.designMode=’On’;imgEditer.document.write(‘<img src=图片.gif>’)”>
<IFrame id=”imgEditer”></IFrame>
</body>
</html>
用[wiki]鼠[/wiki]标点击图片是不是有新的发现,其实大家只要利用自己的想[wiki]象[/wiki]和充分利用这个属性一定能做出更多的[wiki]花[/wiki]样来,别忘了到时候有什么新的东东,告诉我一声呀!(Email:BluePBoy@yesky.com)

5、 打开硬盘
这是打开硬盘的另一种方法,把它写出来只是想告诉大家,要达到同一个目的有很多种方法,这里就是利用了表单的Action属性达到的,其实打开硬盘有很多种方法,只是这种不太被人们注意,所以这里就选择了这种方法。
<form action=file://c|><input type=”submit” value=”打开C盘”></form>
六安论坛
发表于 2005-7-19 02:59 | 显示全部楼层
都是些编程代码,都是在做网页时的啊
六安论坛
 楼主| 发表于 2005-7-19 04:04 | 显示全部楼层

是,标题上有说明白的

六安论坛
发表于 2005-9-22 06:25 | 显示全部楼层
没有什么意思!!
六安论坛
发表于 2005-9-24 05:24 | 显示全部楼层
都是一些 JS码。。。没什么大用途 用在ASP里 好像不太合适啊。
六安论坛
发表于 2005-9-24 23:33 | 显示全部楼层
我是看不懂  哎~~~~  本人对软件那个是菜啊  。。。。。。。。
六安论坛
发表于 2005-10-5 04:41 | 显示全部楼层
不常用
六安论坛
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

侵权举报:本页面所涉内容为用户发表并上传,相应的法律责任由用户自行承担;本网站仅提供存储服务;如存在侵权问题,请权利人与本网站联系删除!举报微信号:点击查看