网页制作技巧1

最新推荐文章于 2019-10-26 10:44:00 发布

昆曲之源_娄江河畔

最新推荐文章于 2019-10-26 10:44:00 发布

阅读量1.3k

点赞数

分类专栏： asp.net 文章标签： iframe 破解 html 文本编辑 action javascript

本文链接：https://blog.csdn.net/tvmerp/article/details/670414

版权

asp.net 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

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= ” javascript ” >
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 属性达到的，其实打开硬盘有很多种方法，只是这种不太被人们注意，所以这里就选择了这种方法。
<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、禁示另存为
通过上面的两步好像你的源代码已经安全了，但别忘了，别人还可以将你的页面保存下来，再慢慢分析。不过别担心，下面我们来解决这个问题。
在你要保密的网页中加入以下代码：
<noscript>
<iframe src="*.htm"></iframe>
</noscript>
现在如果有人想保存你的网页，等他保存到一部分的时候IE就会帮你告诉他，无法保存该WEB页，并将己保存的那部分文件删除，你就偷乐吧，呵呵！