HTML常用技巧

最新推荐文章于 2022-10-06 11:00:37 发布
最新推荐文章于 2022-10-06 11:00:37 发布
阅读量166 收藏 2
点赞数
分类专栏： HTML 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42681295/article/details/105891845
版权

HTML常用代码之：你不一定知道的技巧

将彻底屏蔽鼠标右键

 ncontextmenu="window.event.returnValue=false"

可用于Table

<table borderncontextmenu=return(false)><td>no</table>

取消选取、防止复制

<body nselectstart="return false">

不准粘贴

onpaste="return false"

防止复制

oncopy="return false;" ncut="return false;"

IE地址栏前换成自己的图标

<link rel="Shortcut Icon"href="favicon.ico">

可以在收藏夹中显示出你的图标

<link rel="Bookmark"href="favicon.ico">

关闭输入法

<inputstyle="ime-mode:disabled">

永远都会带着框架

<script. language="JavaScript">
if (window == top)top.location.href = "frames.htm"; //frames.htm为框架网页
</script>

防止被人frame.

<SCRIPT. LANGUAGE=JAVASCRIPT>
if (top.location != self.location)top.location=self.location;
</SCRIPT>

网页将不能被另存为

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

查看网页源代码

<input type=button value=查看网页源代码
onclick="window.location = "view-source:"+"http://www.w3cschool.cn"">

删除时确认

<a href="javascript:if(confirm("确实要删除吗?"))location="boos.asp? &areyou=删除&page=1"">删除</a>

屏蔽功能键Shift,Alt,Ctrl

<script>
function look(){
if(event.shiftKey)
alert("禁止按Shift键!");//可以换成ALT　CTRL
}
document.onkeydown=look;
</script>

网页不会被缓存

<META. HTTP-EQUIV="pragma" CONTENT="no-cache">
<META. HTTP-EQUIV="Cache-Control"CONTENT="no-cache, must-revalidate">
<META. HTTP-EQUIV="expires"CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
或者<META. HTTP-EQUIV="expires"CONTENT="0">

怎样让表单没有凹凸感？

<input type=text style="border:1 solid #000000">
<input type=text style="border-left:none;border-right:none; border -top:none; border-bottom: 1 solid#000000"></textarea>

不要滚动条?
让竖条没有:

<body style="overflow:scroll;overflow-y:hidden">
</body>　　

让横条没有:

<body style="overflow:scroll;overflow-x:hidden">
</body>

两个都去掉？更简单了

<body scroll="no">
</body>

怎样去掉图片链接点击后，图片周围的虚线？

<a href="#"nFocus="this.blur()"><img src="logo.jpg"border=0></a>

电子邮件处理提交表单

<form. name="form1"method="post" action="mailt****@***.com"enctype="text/plain">
<input type=submit>
</form>

在打开的子窗口刷新父窗口的代码里如何写？

window.opener.location.reload()

如何设定打开页面的大小

<body nload="top.resizeTo(300,200);">

打开页面的位置

<bodynload="top.moveBy(300,200);">

在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动

<STYLE>
body
{background-image:url(logo.gif); background-repeat:no-repeat;
background-position:center;background-attachment: fixed}
</STYLE>

检查一段字符串是否全由数字组成

<script. language="Javascript">
function checkNum(str){return str.match(//D/)==null}
alert(checkNum("1232142141"))
alert(checkNum("123214214a1"))
</script>

获得一个窗口的大小

document.body.clientWidth;
document.body.clientHeight;

怎么判断是否是字符

if (/[^/x00-/xff]/g.test(s)) {
  alert("含有汉字");}
else {
  alert("全是字符");}

TEXTAREA自适应文字行数的多少

<textarea rows=1 name=s1 cols=27npropertychange="this.style.posHeight=this.scrollHeight">
</textarea>

日期减去天数等于第二个日期

<script. language=Javascript>
function cc(dd,dadd)
{
//可以加上错误处理
var a = new Date(dd)
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a)
alert(a.getFullYear() + "年" + (a.getMonth() +1) + "月" + a.getDate() + "日")
} cc("12/23/2002",2)
</script>

选择了哪一个Radio

<html>
<script. language="vbscript">
function checkme()
for each ob in radio1
if ob.checked then window.alert ob.value
next
end function
</script>
<body>
<INPUT name="radio1" type="radio"value="style" checked>Style.
<INPUT name="radio1" type="radio"value="barcode">Barcode
<INPUT type="button" value="check"nclick="checkme()">
</body>
</html>

脚本永不出错

<script. LANGUAGE="JavaScript">
 Hide function killErrors(){return true;} window.onerror = killErrors;
</script>

ENTER键可以让光标移到下一个输入框

<input nkeydown="if(event.keyCode==13)event.keyCode=9">

以上内容引用W3Cschool

牛先森家的牛奶
关注
专栏目录
HTML特殊技巧,常用技巧
11-21
四、网页制作的常用技巧 1. 响应式设计：利用媒体查询（`@media`）根据设备特性调整布局，确保网页在各种设备上都能良好显示。 2. 嵌套元素：合理使用`<div>`、`<span>`等标签，结构清晰，便于维护。 3. 使用语义化...
PHP常用技巧汇总
10-22
以下是一些PHP常用的技巧汇总： 1. **文件读取与写入**： - `PHP_Read` 函数利用 `fopen` 打开文件，使用 `fgets` 逐行读取内容，并通过 `fclose` 关闭文件。这提供了基础的文件读取功能。 - `PHP_Write` 函数...
8 个你可能不知道的 HTML 实用技巧
weixin_53999350的博客
10-06 272
会阻止浏览器翻译该内容。如果你不想翻译某个短语或单词，例如logo、公司或品牌名称，那就可以应用这个属性。属性，我们可以在视频加载时，或者在用户点击播放按钮之前，显示指定的缩略图。属性一样，我们也可以通过一些属性打开移动设备的摄像头以捕获图像。如果是电子邮件，则可以用逗号分隔。如果你希望在单击目标资源的链接时下载特定资源，那就添加。如果不指定图片，则默认使用视频的第一帧作为缩略图。这是一个标准属性，得到了大多数浏览器的支持。标签中指定允许用户上传的文件类型。属性指定待检查的语言。你可以使用HTML的。
html技巧
yangleibao的专栏
03-22 533
　　event.srcElement.tagName 　　event.srcElement.type 　　捕获释放 　　event.srcElement.setCapture();  　　event.srcElement.releaseCapture();  　　事件按键 　　event.keyCode 　　event.shiftKey 　　event.altKey 　　event.ctrlKey
HTML技巧
SUNOVO_S的博客
10-27 530
HTML技巧 1.上下居中 1.1 行高等于高度，即height=line-height /*1.居中方法一:模块高等于外层模块的高 设置文本 //height=line-height #box h1{ text-align: center; line-height: 300px; }*/ 1.2 让明确宽高的盒子水平垂直居中于父元素 /*2.（让明确宽高的盒子水平垂直居中于父元素，父元素需要有宽高）*/ #box h1{ width: 150px;
html小技巧（更新中。。。）
baidu_33548663的博客
08-02 778
1.margin padding 失效 inline水平元素的垂直margin是无效的！ 比如：&lt;span&gt;文字文字&lt;/span&gt; 此时，span是inline水平元素，此时对span进行margin会无效，img等例外的替换元素不算！ 解决方法：声明下display:inline-block行内块元素，或者换行display:block. 2. ul li 下的...
Javascript常用小技巧汇总
10-24
本文将深入探讨JavaScript中的几个常用小技巧，这些技巧可以帮助开发者提高代码效率和可读性。 首先，我们来看看布尔表达式。在JavaScript中，`null`, `undefined`, 空字符串`''`, 以及数字`0`被视为假性值（falsy...
HTML实用技巧
qq_28565961的博客
09-30 108
这是一篇翻译文章，原文地址https://markodenic.com/html-tips/ loading=lazy 属性 性能技巧。使用loading=lazy属性去延迟加载图片，当用户滚动到图片位置时再加载图片。 <img src='image.jpg' loading='lazy' alt='Alternative Text'> 点击发邮件，打电话和发短信 <a href="mailto:{email}?subject={subject}&body={con
html技巧总结
文松杂谈
02-10 588
html技巧总结： 1. 显示代码：代码部分 2. 表格： table默认无边框，有间距，有边距 标题，位于表格上面居中显示 表头，加粗和td同级 跨行 跨列 能不能css来解决，html页面保存整洁，研究css的时候再考虑下 3. 文字滚动标签 marquee滚动效果 marquee滚动效果 body { } .scr
HTML——小技巧总结
soyanzhong的博客
11-23 1167
1、让超链接线面的下划线消失——”text-decoration:none” eg. <a style="text-decoration: none" class="test" href="http:\\www.baidu.com" target="_self">1231</a>效果：当鼠标放在该标签上时，“1231”内容不会有下划线出现
HTML实用小技巧
weixin_44460923的博客
12-10 295
html新手查漏补缺
HTML小技巧的一些小技巧
师远鹏
07-16 8348
1.怎样定义网页语言(字符集)?             在制作网页过程中,你首先要定义网页语言,以便访问者浏览器自动设置语言,而我们用所见即所得的HTML工具时,都没有注意到这个问题,因为它是默认设置。要设置的语言可以在HTML代码状态下找到:     把charset=gb2312改换成其它语言代码即可,比如英文harset=en.  2.怎样防止别人把你的网页放到框架里?
15-CSS样式设置技巧
蔷薇岛少年的博客
06-20 6353
15-1 水平居中设置——行内元素我们在实际工作中常会遇到需要设置水平居中的场景，比如为了美观，文章的标题一般都是水平居中显示的。这里我们又得分两种情况：行内元素 还是 块状元素 ，块状元素里面又分为定宽块状元素，以及不定宽块状元素。今天我们先来了解一下行内元素怎么进行水平居中？如果被设置元素为文本、图片等行内元素时，水平居中是通过给父元素设置 text-align:center 来实现的。(父元素
html常用技巧收集
前端博客
08-04 173
直接在本页跳转到新的页面 &lt;input type=button onclick="window.location.href('连接')"&gt; 打开一个新的页面进行跳转 &lt;input type=button onclick="window.open('连接')"&gt;...
HTML常用技巧记录
王晓安
08-29 333
HTML常用技巧记录 HTML常用技巧记录 通用 表单 禁止input自动填充 属性autocompleteoff input标签不写name和id属性 倔强的chrome 获取屏幕信息 通用： 禁止文字被选择： div onselectstart="javascript:return false;" >不让选div> 改变鼠标指针覆盖时样式： div
HTML的小技巧。
qq_38244984的博客
10-25 198
&#x3000;全角中文空格！ SELECT multiple="multiple" 下拉复选框size ='1' 选择数量 浏览器对英文字符串不自动折行怎么处理word-break:break-all; 禁用滚动条 $(document.body).css({ "overflow-x":"hidden", "ove...
HTML5基础教程：常用技巧与新特性解析
"html5基础教程常用技巧整理" 在学习HTML5的过程中，掌握一些基础的技巧和新特性可以显著提升开发效率并增强网页的语义化。以下是一些关键的HTML5知识点： 1. **新的Doctype声明** HTML5引入了一个简洁的Doctype...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值