按钮类

    后退、前进按钮

    返回按钮

    几种刷新按钮

    警告框显示源代码

    链接按钮

    打开新窗口

    打印

    新窗口延迟打开

    背景色变换

表单类

    点击清空文字

    关闭输入法

链接

    双击打开链接

    超链接鼠标形状

页面

    不准粘贴

    防止复制

    彻底屏蔽鼠标右键，无右键菜单

    取消选取以防止复制

    禁止查看源码

    随机选择背景色

    自定义网页图标

    自定义网页收藏夹图标

    内嵌式框架-网页中调用另外网页

    页面定时跳转

    防止被人frame

-------------------------------代码-------------------------------------------------

不准粘贴

<body onpaste="return false;">

防止复制

<body oncopy="return false;">

后退、前进按钮

<input type="button" value="后退" onClick="history.go(-1)">

<input type="button" value="前进" onClick="history.go( 1 );return true;">

返回按钮

<form>

    <input type="button" value="返回上一步" onClick="history.back(-1)">

</form>

禁止查看源码

<body oncontextmenu="return false">

</body>

关闭输入法

<input style=ime-mode:disabled>

说明：这段代码是在表格提交时用到的。也就是在输入数据时不可以使用其他输入法模式。

背景色变换

<form><input type="button" value="背景色变换" onClick="BgButton()"></form>

<script>

    function BgButton(){

        if (document.bgColor=='#00ffff')

        {

            document.bgColor='#ffffff';

        }

        else{

            document.bgColor='#00ffff';

        }

    }

</script>

彻底屏蔽鼠标右键，无右键菜单

<body oncontextmenu=window.event.returnvalue=false>

也可以用于网页中Table框架中

<table border oncontextmenu=return(false)><td>no</table>

打开新窗口

<input type="button" value="打开新窗口" onClick="NewWindow()">

<script>

    function NewWindow(){

        window.open("c01.htm","","height=240,width=340,status=no,location=no,toolbar=no,directories=no,menubar=no");

    }

</script>

链接按钮

一: 打开标签

<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">

二: 打开标签

<input type="BUTTON" NAME="Button" value="链接按钮2" onClick="showModalDialog('http://www.baidu.com/')">

三: 在本页

<input type="submit" value="链接按钮3" onClick="location.href='http://www.baidu.com/'">

警告框显示源代码

<BUTTON onClick=alert(document.documentElement.outerHTML) style="width:110">警告框显示源代码</BUTTON>

打印

<input type=button value='打印' onClick="this.style.visibility='hidden';window.print();">

<input type=button value='打印' onClick="window.print();">

新窗口延迟打开

<input type=button value=新窗口延迟打开 onClick=javascript:setTimeout("window.open('http://www.baidu.com/')",10000)>

点击清空文字

<input type="text" name="artist" size=14 value="点击清空文字" onmouseover=this.focus() onfocus=this.select() onclick="if(this.value=='点击清空文字')this.value=''">

几种刷新按钮的方法

<input type=button value=刷新 onClick="history.go(0)">

<input type=button value=刷新 onClick="location.reload()">

<input type=button value=刷新 onClick="location=location">

<input type=button value=刷新 onClick="location.assign(location)">

<input type=button value=刷新 onClick="location.replace(location)">

<input type=button value=刷新 onClick="window.open('自身的文件','_self')">

<input type=button value=刷新 onClick=document.all.WebBrowser.ExecWB(22,1)>

<OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT>

<form action="自身的文件"><input type=submit value=刷新></form>

<a id=a1 href="自身的文件"></a><input type=button value=刷新 onClick="a1.click()">

双击打开链接

<a href="i003.htm" onclick="return false;" ondblclick="window.open('i003.htm');">双击打开链接</a>

随机选择背景色

<script>

document.body.style.background=(["red","blue","pink","navy","gray","yellow","green","purple"])[parseInt(Math.random()*8)];

</script>

内嵌式框架-网页中调用另外网页

<object type="text/x-scriptlet" width="600" height="1000" data="http://www.baidu.com/"></object>

自定义网页图标

<link rel="shortcut icon" href="图标地址" type="image/x-icon />

<link rel="icon" href="图标地址" type="image/x-icon />

第一行是必需的，第二行是为了兼容

超链接鼠标形状

style="cursor:hand"

style="cursor:crosshair"

style="cursor:text"

style="cursor:wait"

style="cursor:move"

style="cursor:help"

style="cursor:e-resize"

style="cursor:n-resize"

style="cursor:nw-resize"

style="cursor:w-resize"

style="cursor:s-resize"

style="cursor:se-resize"

style="cursor:sw-resize"

页面定时跳转

<meta http-equiv="refresh" content="秒数;url=路径" />

取消选取以防止复制

<body onselectstart=return false>

自定义网页收藏夹图标

<link rel="Bookmark" href="图标地址">

防止被人frame

<script language=javascript><!--

if (top.location != self.location)top.location=self.location;

--></script>

网页将不能被另存为

<noscript><iframe src=*.html></iframe></noscript>

说明：<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. idea注册码

     2019 idea  注册码:   N757JE0KCT-eyJsaWNlbnNlSWQiOiJONzU3SkUwS0NUIiwibGljZW5zZWVOYW1lIjoid3UgYW5qdW4iLC ...

  2. 从零开始学深度学习mxnet教程：安装以及基本操作

    一.导言 本教程适合对人工智能有一定的了解的同学,特别是对实际使⽤深度学习感兴趣的⼤学⽣.⼯程师和研究⼈员.但本教程并不要求你有任何深度学习或者机器学习的背景知识,我们将从头开始解释每⼀个概念.虽然深 ...

  3. Azure基础（一）云的概念 - 云计算的原理

    Azure fundamentals - Cloud Concepts - Principles of cloud computing Explore the core concepts of clo ...

  4. 【面试篇】资深招聘HR有哪些面试技巧？

    15年资深招聘HR总结的面试技巧     1.做一下自我介绍 了解应聘者的基本信息和工作经历 2.以往工作中您的职责是什么? 了解应聘者的相关工作经验和其系统性全面性 3.请讲一下您以往的工作经历. ...

  5. 字符串----hiho字符串(尺取法)

    注意:这道题的解法和最短摘要一样,都是采用尺取法解决问题,注意这儿题目要求恰好包含,也就是说这个hiho字符串必须包含2个'h'.1个'i'和1个'o'.一个不能多,一个也不能少. import ja ...

  6. [Swift]LeetCode142. 环形链表 II | Linked List Cycle II

    Given a linked list, return the node where the cycle begins. If there is no cycle, return null. Note ...

  7. [Swift]LeetCode880. 索引处的解码字符串 | Decoded String at Index

    An encoded string S is given.  To find and write the decodedstring to a tape, the encoded string is ...

  8. Java面向对象特征之封装

    package practice;/** * @功能 创建动物类,对动物的属性进行封装 * @author square 凉 * */public class Animal { /**  * 动物姓名 ...

  9. DMA的基本概念

    DMA允许外围设备和主内存之间直接传输 I/O 数据, DMA 依赖于系统.每一种体系结构DMA传输不同,编程接口也不同. 数据传输可以以两种方式触发:一种软件请求数据,另一种由硬件异步传输. 在第一 ...

  10. Elasticsearch基础知识分享

    1. Elasticsearch背景介绍 Elasticsearch 是一个基于 Lucene 的搜索服务器.它提供了一个分布式多用户能力的全文搜索引擎,基于 RESTful web 接口.Elast ...