HTML代码片段
按钮类
后退、前进按钮
返回按钮
几种刷新按钮
警告框显示源代码
链接按钮
打开新窗口
打印
新窗口延迟打开
背景色变换
表单类
点击清空文字
关闭输入法
链接
双击打开链接
超链接鼠标形状
页面
不准粘贴
防止复制
彻底屏蔽鼠标右键,无右键菜单
取消选取以防止复制
禁止查看源码
随机选择背景色
自定义网页图标
自定义网页收藏夹图标
内嵌式框架-网页中调用另外网页
页面定时跳转
防止被人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代码片段的更多相关文章
- sublimetext3中保存代码片段
在日常的开发工作中,不断重复上一次敲过的代码,有时确实感到伐木累."蓝瘦"(难受)."香菇"(想哭),大概表达的也是这样的心境吧!:grinning: 所以,在 ...
- Code Snippets 代码片段
Code Snippets 代码片段 1.Title : 代码片段的标题 2.Summary : 代码片段的描述文字 3.Platform : 可以使用代码片段的平台,有IOS/OS X/ ...
- 10个 jQuery 代码片段,可以帮你快速开发。
转载自:http://mp.weixin.qq.com/s/mMstI10vqwu8PvUwlLborw 1.返回顶部按钮 你可以利用 animate 和 scrollTop 来实现返回顶部的动画,而 ...
- 代码片段添加智能提示,打造一款人见人爱的ORM框架
SqlSugar ORM优点: 1.高性能,达到原生最高水准,比SqlHelper性能要高,比Dapper快30% 比EF快50% 2.支持多种数据库 ,sql版本更新最快,其它会定期更新,可以在多种 ...
- js/jquery/html前端开发常用到代码片段
1.IE条件注释 条件注释简介 IE中的条件注释(Conditional comments)对IE的版本和IE非IE有优秀的区分能力,是WEB设计中常用的hack方法.条件注释只能用于IE5以上,IE ...
- Visual Studio 如何使用代码片段Code Snippet提高编程速度!!!
使用Code Snippet简化Coding 在开发的项目的时候,你是否经常遇到需要重复编写一些类似的代码,比如是否经常会使用 for.foreach ? 在编写这两个循环语句的时候,你是一个字符 ...
- Visual Studio 的代码片段工具
当安装完Visual Studio之后,会有附带一些原生的代码片段文件(*.snippet),对于vs2013参考目录如下: X:\Program Files (x86)\Microsoft Visu ...
- sublime代码片段
创建方法:Tools > New Snippet 这时你会看到如下示例代码: <snippet> <content><![CDATA[ Hello, ${ ...
- sublime 添加代码片段(snippets)
1.工具-新代码片段(Tools -> New Snippet) 2. <snippet> <content><![CDATA[ if(\$rs && ...
- 在网站制作中随时可用的10个 HTML5 代码片段
HTML 很容易写,但创建网页时,您经常需要重复做同样的任务,如创建表单.在这篇文章中,我收集了10个超有用的 HTML 代码片段,有 HTML5 启动模板.空白图片.打电话和发短信.自动完成等等,帮 ...
随机推荐
- unittest中忽略某些测试用例的执行
添加装饰器(@unittest.skip("")) from init import * import unittest class baidu(Info): @unittest. ...
- 初学Socket通信
1.Socket:Socket就是套接字.客户端与服务器之间通信用的.Socket接口是TCP/IP网络的API. 2.SYN是TCP/IP建立连接时使用的握手信号.在客户端和服务器之间建立正常的TC ...
- ASP.NET Core应用的错误处理[4]:StatusCodePagesMiddleware中间件如何针对响应码呈现错误页面
StatusCodePagesMiddleware中间件与ExceptionHandlerMiddleware中间件比较类似,它们都是在后续请求处理过程中“出错”的情况下利用一个错误处理器来完成最终的 ...
- 【RL-TCPnet网络教程】第27章 DNS域名系统基础知识
第27章 DNS域名系统基础知识 本章节为大家讲解DNS(Domain Name System,域名系统),通过前面章节对TCP和UDP的学习,需要大家对DNS也有个基础的认识. (本章的知 ...
- SUSE12Sp3-Supervisor 守护.net core进程
1.安装setuptools 将setuptools-0.6c11.tar.gz安装包放到服务器上 tar zxvf setuptools-0.6c11.tar.gz cd setuptools-0. ...
- python3安装sklearn机器学习库
安装sklearn需要的库请全部在万能仓库下载: http://www.lfd.uci.edu/~gohlke/pythonlibs/#scipy http://www.lfd.uci.edu/~go ...
- 深入解析 H.265 编码模式,带你了解Apple全面推进H.265的原因
今天我们聊聊视频编码.视频文件亘古以来存在一个矛盾:高清画质和视频体积的冲突,相同编码标准下,视频更高清,视频体积更大.因此,应用更先进的视频编码标准,降低视频体积,可以大幅降低网站的流量消耗. 目前 ...
- C#版(击败97.76%的提交) - Leetcode 557. 反转字符串中的单词 III - 题解
版权声明: 本文为博主Bravo Yeung(知乎UserName同名)的原创文章,欲转载请先私信获博主允许,转载时请附上网址 http://blog.csdn.net/lzuacm. Leetcod ...
- 知其所以然~分布式事务cap
背景 一致性是一个抽象的.具有多重含义的计算机术语,在不同应用场景下,有不同的定义和含义.在传统的IT时代,一致性通常指强一致性,强一致性通常体现在你中有我.我中有你.浑然一体:而在互联网时代,一致性 ...
- RAID磁盘阵列是什么(一看就懂)
在单机时代,采用单块磁盘进行数据存储和读写的方式,由于寻址和读写的时间消耗,导致I/O性能非常低,且存储容量还会受到限制.另外,单块磁盘极其容易出现物理故障,经常导致数据的丢失.因此大家就在想,有没有 ...