html代码大全：你不一定知道的技巧

最新推荐文章于 2024-07-22 23:06:19 发布
最新推荐文章于 2024-07-22 23:06:19 发布
阅读量149 收藏
点赞数
分类专栏： html 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zxcainiao/article/details/126687929
版权
这篇博客详细列举了多种网页交互的控制技术，包括禁用鼠标右键、阻止选取复制、设置页面不被缓存、控制页面大小、设置自适应文本区域、日期运算、检查字符串是否全为数字等。同时，还介绍了防止页面被frame、实现电子邮件提交表单、控制页面滚动条显示以及处理键盘事件的方法，展示了如何增强网页的安全性和用户体验。
摘要由CSDN通过智能技术生成

16. ncontextmenu=”window.event.returnValue=false” 将彻底屏蔽鼠标右键

<table borderncontextmenu=return(false)><td>no</table> 可用于Table

17. <body nselectstart=”return false”> 取消选取、防止复制

18.οnpaste=”return false” 不准粘贴

19.οncοpy=”return false;” ncut=”return false;” 防止复制

20. <link rel=”Shortcut Icon”href=”favicon.ico”> IE地址栏前换成自己的图标

21. <link rel=”Bookmark”href=”favicon.ico”> 可以在收藏夹中显示出你的图标

22. <inputstyle=”ime-mode:disabled”> 关闭输入法

23. 永远都会带着框架

<script. language=”JavaScript”><!–

if (window == top)top.location.href = “frames.htm”; //frames.htm为框架网页

// –></script>

24. 防止被人frame.

<SCRIPT. LANGUAGE=JAVASCRIPT><!–

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

// –></SCRIPT>

25. 网页将不能被另存为

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

26. 查看网页源代码

<input type=button value=查看网页源代码

οnclick=”window.location = “view-source:”+”http://www.pconline.com.cn””>

27.删除时确认

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

28.屏蔽功能键Shift,Alt,Ctrl

<script>

function look(){

if(event.shiftKey)

alert(“禁止按Shift键!”);//可以换成ALT　CTRL

}

document.οnkeydοwn=look;

</script>

29. 网页不会被缓存

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

30.怎样让表单没有凹凸感？

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

31.不要滚动条?

让竖条没有:

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

</body>

让横条没有:

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

</body>

两个都去掉？更简单了

<body scroll=”no”>

</body>

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

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

33.电子邮件处理提交表单

<form. name=”form1″method=”post” action=”mailt****@***.com”enctype=”text/plain”>

<input type=submit>

</form>

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

window.opener.location.reload()

35.如何设定打开页面的大小

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

打开页面的位置<bodynload=”top.moveBy(300,200);”>

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

<STYLE>

body

{background-image:url(logo.gif); background-repeat:no-repeat;

background-position:center;background-attachment: fixed}

</STYLE>

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

<script. language=”Javascript”><!–

function checkNum(str){return str.match(//D/)==null}

alert(checkNum(“1232142141”))

alert(checkNum(“123214214a1”))

// –></script>

38. 获得一个窗口的大小

document.body.clientWidth; document.body.clientHeight

39. 怎么判断是否是字符

if (/[^/x00-/xff]/g.test(s)) alert(“含有汉字”);

else alert(“全是字符”);

40.TEXTAREA自适应文字行数的多少

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

</textarea>

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

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

42. 选择了哪一个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>

43.脚本永不出错

<SCRIPT. LANGUAGE=”JavaScript”>

<!– Hide function killErrors(){return true;} window.onerror = killErrors;// –>

</SCRIPT>

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

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

老子是菜鸟
关注
专栏目录
HTML特效代码大全(完整)
南劲竹的博客
09-17 16万+
1.贴图：&lt;img src="图片地址"&gt; 2.加入连接：&lt;a href="所要连接的相关地址"&gt;写上你想写的字&lt;/a&gt; 3.在新窗口打开连接：&lt;a href="相关地址" target="_blank"&gt;写上要写的字&lt;/a&gt; 消除连接的下划线在新窗口打开连接： &lt;a h
HTML 代码编写的30条技巧
01-19
1. 一定要闭合HTML标签 在以往的页面源代码里，经常看到这样的语句： Some text here. Some new text here. You get the idea. 也许过去我们可以容忍这样的非闭合HTML标签，但在今天的标准来看，这是非常不可取的，是必须百分百避免的。一定要注意闭合你的HTML标签，否则将无法通过验证，并且容易出现一些难以预见的问题。 最好使用这样的形式： Some text here. Some new text here. You get the idea.
HTML敲代码小技巧
weixin_60664694的博客
12-09 448
html,技巧
HTML的查缺补漏（21 个容易被忽略的实用技巧）
最新发布
zayyo的博客
07-22 823
HTML是构建网页的基础，掌握实用的技巧可以极大的提高开发效率。在日常开发中，一些容易被忽略的技巧却能带来意想不到的效果。接下来我将分享 21 个鲜为人知的编程技巧，帮助你提高编码水平，丰富对HTML的认知。代码效果放在了文章的最后面！！！使用标签可以为网页上的所有相对 URL 设置一个共同的基准 URL，这样做可以极大地简化和统一资源的管理，尤其是当你的网页资源分布在不同的目录或路径时。标签必须放在部分中，并且一个文档中只能有一个元素。
Web技巧
Rorely
09-09 153
http://www.cnblogs.com/winkingzhang/archive/2008/01/26/1054409.html 1. 将彻底屏蔽鼠标右键 oncontextmenu="window.event.returnValue=false"  用于Table: &lt;table oncontextmenu=return(false)&gt; &lt;td&gt; no&lt;/...
html代码大全：你不一定知道的技巧（2）
怀公子的博客
12-25 305
32.怎样去掉图片链接点击后，图片周围的虚线？ 　　&lt;a href="#"nFocus="this.blur()"&gt;&lt;img src="logo.jpg"border=0&gt;&lt;/a&gt; 　　33.电子邮件处理提交表单 　　&lt;form. name="form1"method="post" action=&quot
html网页制作代码大全：庆余年——电影网站7页，不包含js 有登陆注册，表格 table布局 ，有的登录注册页面，内嵌 css
08-10
根据提供的部分HTML代码示例，我们可以看到一个简单的导航栏结构： ```html <h1><a href="">影视大全</a></h1> <td>          首页 <!-- 更多导航项 -...
Html技巧 语义化你的代码
12-02
语义化的HTML代码有助于提高页面的可访问性、可读性、以及SEO优化。 首先，了解HTML标签的基本语义至关重要。例如，`<h1>`到`<h6>`标签代表标题等级，用于组织页面结构，`<p>`表示段落，`<ul>`和`<ol>`分别是无序...
几个html的小技巧
q1579153275的专栏
11-09 258
虽然现在有许多网页制作工具能让您轻松地完成网页的制作，但如果使用HTML则可以得到更大控制权，下面介绍几个小技巧。 　　1。使用＜tt＞，＜i＞， 语句来控制文字排版比用＜pre＞好得多。 如: ＜tt＞实用网络 ＜i＞11＜/i＞ ＜/tt＞ 　　2。不要用800*600的分辨率来制作网页，当浏览者用640*480看网页时，不旦会使速度减慢，还会使网页图像和文字出现错位。当然，
网页html代码25个技巧(大部分是javascript)
天地独行客
03-31 1242
 【1、普通的弹出窗口】其实代码非常简单： window.open (page.html) -->)因为这是一段javascripts代码，所以它们应该放在标签和之间。是对一些版本低的浏览器起作用，在这些老浏览器中不会将标签中的代码作为文本显示出来。要养成这个好习惯啊。 window.open (page.html) 用于控制弹出新的窗口page.html，如果page.h
HTML实用小技巧
weixin_44460923的博客
12-10 297
html新手查漏补缺
html技巧总结
文松杂谈
02-10 588
html技巧总结： 1. 显示代码：代码部分 2. 表格： table默认无边框，有间距，有边距 标题，位于表格上面居中显示 表头，加粗和td同级 跨行 跨列 能不能css来解决，html页面保存整洁，研究css的时候再考虑下 3. 文字滚动标签 marquee滚动效果 marquee滚动效果 body { } .scr
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 下的...
分享八个实用的html小技巧
q1579153275的专栏
03-14 504
分享八个实用的html小技巧给大家，虽然有许多网页制作工具也能让您轻松地完成工作，但如果使用HTML则可以得到更大控制权。 　　1、不要用800*600的分辨率来制作网页，当浏览者用640*480看网页时，不旦会使速度减慢，还会使网页图像和文字出现错位。当然，也可以使用帧，水平控制，表格等标识语句来取代己设定的象素，但就增加了工作量。 　　2、使用＜tt＞，＜i＞， 语句来控制文字排版比用＜
30条HTML代码编写指南 for入门者
hyperzhen的专栏
08-24 849
转自[url]http://paranimage.com/30-html-guidelines-for-beginners/[/url] 本文总结了30条HTML代码编写指南，只要在编写HTML代码的过程中牢记它们，灵活运用，你一定会写出一手漂亮的代码，早日迈入专业开发者的行列。 1. 一定要闭合HTML标签 在以往的页面源代码里，经常看到这样的语句： Some text ...
常用JS代码大全
huajinx的专栏
07-11 2089
事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture();  event.srcElement.releaseCapture();   事件按键 event.ke
网站导航菜单+跳转
zxcainiao的博客
07-13 1169
网站导航 a{ font-size:30px; color:pink; font-family:隶书; /*取消超链接下划线*/ text-decoration:none; } a:hover{ font-size:20px; color:blue; font-family:楷体; } 超市 零食 厨房 床上 厕所 户外
HTML5动画制作技巧：不规则抽象彩带特效代码
总结：本次提供的"不规则抽象彩带HTML5动画.zip"是一个包含了动画效果的代码包，涉及前端技术HTML5、CSS、JavaScript以及jQuery库。动画具有实用性和美观性，可以被二次开发修改，适应不同网页设计的需要。通过这个...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值