1. 按钮类
  2.     后退、前进按钮
  3.     返回按钮
  4.     几种刷新按钮
  5.     警告框显示源代码
  6.     链接按钮
  7.     打开新窗口
  8.     打印
  9.     新窗口延迟打开
  10.     背景色变换
  11. 表单类
  12.     点击清空文字
  13.     关闭输入法
  14. 链接
  15.     双击打开链接
  16.     超链接鼠标形状
  17. 页面
  18.     不准粘贴
  19.     防止复制
  20.     彻底屏蔽鼠标右键，无右键菜单
  21.     取消选取以防止复制
  22.     禁止查看源码
  23.     随机选择背景色
  24.     自定义网页图标
  25.     自定义网页收藏夹图标
  26.     内嵌式框架-网页中调用另外网页
  27.     页面定时跳转
  28.     防止被人frame
  29. -------------------------------代码-------------------------------------------------
  30. 不准粘贴
  31. <body onpaste="return false;">
  32.  
  33. 防止复制
  34. <body oncopy="return false;">
  35.  
  36. 后退、前进按钮
  37. <input type="button" value="后退" onClick="history.go(-1)">
  38. <input type="button" value="前进" onClick="history.go( 1 );return true;">
  39.  
  40. 返回按钮
  41. <form>
  42.     <input type="button" value="返回上一步" onClick="history.back(-1)">
  43. </form>
  44.  
  45. 禁止查看源码
  46. <body oncontextmenu="return false">
  47. </body>
  48.  
  49. 关闭输入法
  50. <input style=ime-mode:disabled>
  51. 说明：这段代码是在表格提交时用到的。也就是在输入数据时不可以使用其他输入法模式。
  52.  
  53. 背景色变换
  54. <form><input type="button" value="背景色变换" onClick="BgButton()"></form>
  55. <script>
  56.     function BgButton(){
  57.         if (document.bgColor=='#00ffff')
  58.         {
  59.             document.bgColor='#ffffff';
  60.         }
  61.         else{
  62.             document.bgColor='#00ffff';
  63.         }
  64.     }
  65. </script>
  66.  
  67. 彻底屏蔽鼠标右键，无右键菜单
  68. <body oncontextmenu=window.event.returnvalue=false>
  69. 也可以用于网页中Table框架中
  70. <table border oncontextmenu=return(false)><td>no</table>
  71.  
  72. 打开新窗口
  73. <input type="button" value="打开新窗口" onClick="NewWindow()">
  74. <script>
  75.     function NewWindow(){
  76.         window.open("c01.htm","","height=240,width=340,status=no,location=no,toolbar=no,directories=no,menubar=no");
  77.     }
  78. </script>
  79.  
  80. 链接按钮
  81. 一: 打开标签
  82. <input type="button" value="链接按钮1" onClick="window.open('http://www.baidu.com/', 'Sample', 'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=yes,copyhistory=yes,width=790,height=520,left=0,top=0')" name="input">
  83. 二: 打开标签
  84. <input type="BUTTON" NAME="Button" value="链接按钮2" onClick="showModalDialog('http://www.baidu.com/')">
  85. 三: 在本页
  86. <input type="submit" value="链接按钮3" onClick="location.href='http://www.baidu.com/'">
  87.  
  88. 警告框显示源代码
  89. <BUTTON onClick=alert(document.documentElement.outerHTML) style="width:110">警告框显示源代码</BUTTON>
  90.  
  91. 打印
  92. <input type=button value='打印' onClick="this.style.visibility='hidden';window.print();">
  93. <input type=button value='打印' onClick="window.print();">
  94.  
  95. 新窗口延迟打开
  96. <input type=button value=新窗口延迟打开 onClick=javascript:setTimeout("window.open('http://www.baidu.com/')",10000)>
  97.  
  98. 点击清空文字
  99. <input type="text" name="artist" size=14 value="点击清空文字" onmouseover=this.focus() onfocus=this.select() onclick="if(this.value=='点击清空文字')this.value=''">
  100.  
  101. 几种刷新按钮的方法
  102. <input type=button value=刷新 onClick="history.go(0)">
  103. <input type=button value=刷新 onClick="location.reload()">
  104. <input type=button value=刷新 onClick="location=location">
  105. <input type=button value=刷新 onClick="location.assign(location)">
  106. <input type=button value=刷新 onClick="location.replace(location)">
  107. <input type=button value=刷新 onClick="window.open('自身的文件','_self')">
  108. <input type=button value=刷新 onClick=document.all.WebBrowser.ExecWB(22,1)>
  109. <OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT>
  110. <form action="自身的文件"><input type=submit value=刷新></form>
  111. <a id=a1 href="自身的文件"></a><input type=button value=刷新 onClick="a1.click()">
  112.  
  113. 双击打开链接
  114. <a href="i003.htm" onclick="return false;" ondblclick="window.open('i003.htm');">双击打开链接</a>
  115.  
  116. 随机选择背景色
  117. <script>
  118. document.body.style.background=(["red","blue","pink","navy","gray","yellow","green","purple"])[parseInt(Math.random()*8)];
  119. </script>
  120.  
  121. 内嵌式框架-网页中调用另外网页
  122. <object type="text/x-scriptlet" width="600" height="1000" data="http://www.baidu.com/"></object>
  123.  
  124. 自定义网页图标
  125. <link rel="shortcut icon" href="图标地址" type="image/x-icon />
  126. <link rel="icon" href="图标地址" type="image/x-icon />
  127. 第一行是必需的，第二行是为了兼容
  128.  
  129. 超链接鼠标形状
  130. style="cursor:hand"
  131. style="cursor:crosshair"
  132. style="cursor:text"
  133. style="cursor:wait"
  134. style="cursor:move"
  135. style="cursor:help"
  136. style="cursor:e-resize"
  137. style="cursor:n-resize"
  138. style="cursor:nw-resize"
  139. style="cursor:w-resize"
  140. style="cursor:s-resize"
  141. style="cursor:se-resize"
  142. style="cursor:sw-resize"
  143.  
  144. 页面定时跳转
  145. <meta http-equiv="refresh" content="秒数;url=路径" />
  146.  
  147. 取消选取以防止复制
  148. <body onselectstart=return false>
  149.  
  150. 自定义网页收藏夹图标
  151. <link rel="Bookmark" href="图标地址">
  152.  
  153. 防止被人frame
  154. <script language=javascript><!--
  155. if (top.location != self.location)top.location=self.location;
  156. --></script>
  157.  
  158. 网页将不能被另存为
  159. <noscript><iframe src=*.html></iframe></noscript>
  160. 说明：<noscirpt>的用法很广，其中一条就是可以使JS广告失效。

HTML代码片段的更多相关文章

  1. sublimetext3中保存代码片段

    在日常的开发工作中,不断重复上一次敲过的代码,有时确实感到伐木累."蓝瘦"(难受)."香菇"(想哭),大概表达的也是这样的心境吧!:grinning: 所以,在 ...

  2. Code Snippets 代码片段

    Code Snippets 代码片段       1.Title : 代码片段的标题 2.Summary : 代码片段的描述文字 3.Platform : 可以使用代码片段的平台,有IOS/OS X/ ...

  3. 10个 jQuery 代码片段，可以帮你快速开发。

    转载自:http://mp.weixin.qq.com/s/mMstI10vqwu8PvUwlLborw 1.返回顶部按钮 你可以利用 animate 和 scrollTop 来实现返回顶部的动画,而 ...

  4. 代码片段添加智能提示，打造一款人见人爱的ORM框架

    SqlSugar ORM优点: 1.高性能,达到原生最高水准,比SqlHelper性能要高,比Dapper快30% 比EF快50% 2.支持多种数据库 ,sql版本更新最快,其它会定期更新,可以在多种 ...

  5. js/jquery/html前端开发常用到代码片段

    1.IE条件注释 条件注释简介 IE中的条件注释(Conditional comments)对IE的版本和IE非IE有优秀的区分能力,是WEB设计中常用的hack方法.条件注释只能用于IE5以上,IE ...

  6. Visual Studio 如何使用代码片段Code Snippet提高编程速度！！！

      使用Code Snippet简化Coding 在开发的项目的时候,你是否经常遇到需要重复编写一些类似的代码,比如是否经常会使用 for.foreach ? 在编写这两个循环语句的时候,你是一个字符 ...

  7. Visual Studio 的代码片段工具

    当安装完Visual Studio之后,会有附带一些原生的代码片段文件(*.snippet),对于vs2013参考目录如下: X:\Program Files (x86)\Microsoft Visu ...

  8. sublime代码片段

    创建方法:Tools > New Snippet 这时你会看到如下示例代码: <snippet>      <content><![CDATA[ Hello, ${ ...

  9. sublime 添加代码片段(snippets)

    1.工具-新代码片段(Tools -> New Snippet) 2. <snippet> <content><![CDATA[ if(\$rs && ...

  10. 在网站制作中随时可用的10个 HTML5 代码片段

    HTML 很容易写,但创建网页时,您经常需要重复做同样的任务,如创建表单.在这篇文章中,我收集了10个超有用的 HTML 代码片段,有 HTML5 启动模板.空白图片.打电话和发短信.自动完成等等,帮 ...

随机推荐

  1. vs2013新建asp.net web 项目报错，此模板尝试加载组件程序集NuGet Package Manage

    打开vs2013,工具->扩展和更新->联机->找到NuGet Package Manager->安装->重新启动vs2013

  2. webpack 解决 semantic ui 中 google fonts 引用的问题

    semantic ui css 的第一行引用了 google web font api,由于不可告人而又众所周知的原因,这条链接在国内无法访问: @import url('https://fonts. ...

  3. Python爬虫6-利用ProxyHandler设置代理服务器

    GitHub代码练习地址:https://github.com/Neo-ML/PythonPractice/blob/master/SpiderPrac09_ProxyHandler.pyProxyH ...

  4. [Swift]LeetCode156.二叉树的上下颠倒 $ Binary Tree Upside Down

    Given a binary tree where all the right nodes are either leaf nodes with a sibling (a left node that ...

  5. [Swift]LeetCode82. 删除排序链表中的重复元素 II | Remove Duplicates from Sorted List II

    Given a sorted linked list, delete all nodes that have duplicate numbers, leaving only distinct numb ...

  6. [Swift]LeetCode255.验证二叉搜索树的先序序列 $ Verify Preorder Sequence in Binary Search Tree

    Given an array of numbers, verify whether it is the correct preorder traversal sequence of a binary ...

  7. [Swift]LeetCode270. 最近的二分搜索树的值 $ Closest Binary Search Tree Value

    Given a non-empty binary search tree and a target value, find the value in the BST that is closest t ...

  8. 面试挂了阿里却拿到网易offer，一个三年Java程序员的面试总结！

    前言 15年毕业到现在有三年多了,最近去面试了阿里集团(菜鸟网络,蚂蚁金服),网易,滴滴,点我达,最终收到点我达,网易offer,蚂蚁金服二面挂掉,菜鸟网络一个月了还在流程中... 最终有幸去了网易. ...

  9. RSA算法原理——（3）RSA加解密过程及公式论证

    上期(RSA简介及基础数论知识)为大家介绍了:互质.欧拉函数.欧拉定理.模反元素 这四个数论的知识点,而这四个知识点是理解RSA加密算法的基石,忘了的同学可以快速的回顾一遍. 一.目前常见加密算法简介 ...

  10. 『数组的最大代价 贪心优化DP』

    数组的最大代价(51nod 1270) Description 数组A包含N个元素A1, A2......AN.数组B包含N个元素B1, B2......BN.并且数组A中的每一个元素Ai,都满足1 ...