html 常用小技巧

  1. oncontextmenu=“window.event.returnValue=false” 将彻底屏蔽鼠标右键
no
可用于Table 2. 取消选取、防止复制 3. onpaste="return false" 不准粘贴 4. oncopy="return false;" oncut="return false;" 防止复制 5. IE地址栏前换成自己的图标 6. 可以在收藏夹中显示出你的图标 7. 关闭输入法 8. 永远都会带着框架 < /head> < body oncopy=”nocopy()”>copyright by commander. < /html> 这其实中是利用了document的一个oncopy事件,也就是说当发生复制事件时,弹出警告框,同时事件(event)的返回值为false使oncopy事件失效,从而达到防止复制的目的。 3、 用脚本控制浏览器 看到标题是不是有点不相信,那么试试下面的这几个例子吧!你一定会吃惊的。 在和之间加入如下代码: < button onclick=”document.execCommand(‘open’)”>打开 < button onclick=”document.execCommand(‘saveas’)”>另存为… < button onclick=”document.execCommand(‘print’)”>打印 上面其实都是利用了document.execCommand()这个内置的函数,其参数为相应的浏览器命令,还有很多命令就留给大家自己发现吧! 4、 IFrame也可以编辑文字 有没有想过除了表单( )之外还有其它的网页元素可以编辑文字呢?只要使用IFrame的隐藏的一个属性就可以使IFrame成为一个文本编辑器。 < html> < body ”editer.document.designMode=’On’”> < IFrame ID=”editer”> < /body> < /html> 其中designMode属性表示IFrame的设计模式的状态(开/关),还在犹豫什么呢,快试试吧! 只要巧妙的利用这一特性就可以制作很多意想不到的效果。如果下面我们来做一个图片编辑器。 < html> < body ”imgEditer.document.designMode=’On’;imgEditer.document.write(‘< img src=图片.gif >’)”> < IFrame id=”imgEditer”> < /body> < /html> 用鼠标点击图片是不是有新的发现,其实大家只要利用自己的想象和充分利用这个属性一定能做出更多的花样来,别忘了到时候有什么新的东东,告诉我一声呀! 5、 打开硬盘 这是打开硬盘的另一种方法,把它写出来只是想告诉大家,要达到同一个目的有很多种方法,这里就是利用了表单的Action属性达到的,其实打开硬盘有很多种方法,只是这种不太被人们注意,所以这里就选择了这种方法。 < form action=file://c|>< input type=”submit” value=”打开C盘” >

猜你喜欢

转载自blog.csdn.net/gqzydh/article/details/86476410
今日推荐