2023年html代码全集案例.doc

资源描述

Html网页的代码很全哦 1)贴图：<img src="图片地址"> 2)加入连接：<a href="所要连接的相关地址">写上你想写的字</a> 1)贴图：<img src="图片地址"> 2)加入连接：<a href="所要连接的相关地址">写上你想写的字</a> 3)在新窗口打开连接：<a href="相关地址" target="_blank">写上要写的字</a> 消除连接的下划线在新窗口打开连接： <a href="相关地址" style="text-decoration:none" target="_blank">写上你想写的字</a> 4)移动字体(走马灯)：<marquee>写上你想写的字</marquee> 5)字体加粗：<b>写上你想写的字</b> 6)字体斜体：<i>写上你想写的字</i> 7)字体下划线: <u>写上你想写的字</u> 8)字体删除线: <s>写上你想写的字</s> 9)字体加大: <big>写上你想写的字</big> 10)字体控制大小：<h1>写上你想写的字</h1> (其中字体大小可从h1-h5,h1最大，h5最小) 11)更改字体颜色：<font color="#value">写上你想写的字</font>(其中value值在000000与ffffff(16位进制)之间 12)消除连接的下划线：<a href="相关地址" style="text-decoration:none">写上你想写的字</a> 13)贴音乐：<embed src=音乐地址 width=300 height=45 type=audio/mpeg autostart="false"> 14)贴flash: <embed src="flash地址" width="宽度" height="高度"> 15)贴影视文献：<img dynsrc="文献地址" width="宽度" height="高度" start=mouseover> 16)换行：<br> 17)段落：<p>段落</p> 18)原始文字样式：<pre>正文</pre> 19)换帖子背景：<body background="背景图片地址"> 20)固定帖子背景不随滚动条滚动：<body background="背景图片地址" body bgproperties=fixed> 21)定制帖子背景颜色：<body bgcolor="#value">(value值见10) 22)帖子背景音乐：<bgsound="背景音乐地址" loop=infinite> 23)贴网页：<iframe src="相关地址" width="宽度" height="高度"></iframe> /----------------------------------------HTML特效代码--------------------------------/ 1。忽视右键　 <body oncontextmenu="return false"> 　或　 <body style="overflow-y:hidden"> 2。加入背景音乐　 IE:<bgsound src="*.mid" loop=infinite> 　 NS:<embed src="*.mid" autostart=true hidden=true loop=true> 　 </embed> 　 *.mid你的背景音乐的midi格式文献 3。简朴的window.open方法　 <a href="#" 　 onclick="javascript :window.open(文献途径/文献名,newwindow, 　 toolbar=no,scrollbars=yes,resizable=no,top=0,left=0, 　 width=400,height=300);">文字或图片</a> 　参数解释：　 <SCRIPT LANGUAGE="javascript"> js脚本开始；　 window.open 弹出新窗口的命令；　文献途径/文献名弹出窗口的文献名；　 newwindow 弹出窗口的名字（不是文献名），非必须，可用空代替；　 width=400 窗口宽度；　 height=300 窗口高度；　 top=0 窗口距离屏幕上方的象素值；　 left=0 窗口距离屏幕左侧的象素值；　 toolbar=no 是否显示工具栏，yes为显示；　 menubar，scrollbars 表达菜单栏和滚动栏。　 resizable=no 是否允许改变窗口大小，yes为允许；　 location=no 是否显示地址栏，yes为允许；　 status=no 是否显示状态栏内的信息（通常是文献已经打开），yes为允许；　 </SCRIPT> js脚本结束 4。简朴的页面加密　 <script LANGUAGE="javascript"> 　  　 </script> 5。拉动页面时背景图不动　 <style> 　 body{background-image:url(logo.gif); 　 background-repeat:no-repeat;background-position:center} 　 </style> 6。让浏览器在保存页面时保存失败　 <NOSCRIPT><iframe src="*.html"></iframe></NOSCRIPT> 7。随机替换图片　 <script> 　 document.write(<img src="img/+parseInt(Math.random()*(5)) 　 +.gif"height="40" width="50"> 　 </script> 　图片文献名为0.gif 1.gif 2.gif 3.gif 4.gif 8。窗口定期关闭　先将如下代码网页文献的区：　 <script language="javascript"> 　 function closeit() { setTimeout("self.close()",10000) //毫秒 } 　 </script> 　然后再在<body>标内加入如：<body onload="closeit()"> 9。网页自动关闭　 <html> 　 <head> 　 <object id=closes type="application/x-oleobject" 　 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"> 　 <param name="Command" value="Close"> 　 </object> 　 </head> 　 <body onload="window.setTimeout(closes.Click(),10000)"> 　这个窗口会在10秒过后自动关闭,并且不会出现提醒. 　 </body> 　 </html> 10。网页自动刷新　在head部记入　 <META HTTP-EQUIV="Refresh" content="20"> 　其中20为20秒后自动刷新，你可以更改为任意值。 11。网页自动转页　 <META HTTP-EQUIV="Refresh" CONTENT="时间(秒);URL=地址"> 12。保持layer在最前面，而不被Iframe、Object所覆盖　在Layer中再插Iframe 或 Object 设z-Index值　 <div z-Index:2><object xxx></object> ＃前面　 <div z-Index:1><object xxx></object> ＃后面　 <div id="Layer2" style="position:absolute; top:40;width:400px; 　 height:95px;z-index:2"> height=100% width=100%> 　 <iframe width=0 height=0></iframe> 　 </div> 　 <div id="Layer1" style="position:absolute; top:50;width:200px; 　 height:115px;z-index:1"> 　 <iframe height=100% width=100%></iframe> 　 </div> 13。返回上一页　 <a href=javascript :history.back(1)>『返回上一页』</a> 14。关闭窗口　 <a href=javascript :self.close()>『关闭窗口』</a> 15。关于iframe的透明背景　 <IFRAME ID="iFrame1" SRC="iframe.htm" 　 allowTransparency="true" 　 style="background-color: green"></IFRAME> 16. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键 <table border oncontextmenu=return(false)><td>no</table> 可用于Table 17. <body onselectstart="return false"> 取消选取、防止复制 18.onpaste="return false" 不准粘贴 19.oncopy="return false;" oncut="return false;" 防止复制 20. <link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标 21. <link rel="Bookmark" href="favicon.ico"> 可以在收藏夹中显示出你的图标 22. <input style="ime-mode:disabled"> 关闭输入法 23. 永远都会带着框架 <script language="JavaScript"></script> 24. 防止被人frame <SCRIPT LANGUAGE=JAVASCRIPT></SCRIPT> 25. 网页将不能被另存为 <noscript><iframe src=*.html></iframe></noscript> 26. 查看网页源代码 <input type=button value=查看网页源代码 onclick="window.location = "view-source:"+ """> 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.onkeydown=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="#" onFocus="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 onload="top.resizeTo(300,200);"> 打开页面的位置<body onload="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"></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=27 onpropertychange="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/2023",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" onclick="checkme()"> </BODY></HTML> 43.脚本永不犯错 <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> 44.ENTER键可以让光标移到下一个输入框 <input onkeydown="if(event.keyCode==13)event.keyCode=9"> 45. 检测某个网站的链接速度：把如下代码加入<body>区域中: <script language=Javascript> tim=1 setInterval("tim++",100) b=1 var autourl=new Array() autourl[1]=".net" autourl[2]="" autourl[3]="" autourl[4]="" autourl[5]=".com" function butt(){ document.write("<form name=autof>") for(var i=1;i<autourl.length;i++) document.write("<input type=text name=txt"+i+" size=10 value=测试中 ……> =》<input type=text name=url"+i+" size=40> =》<input type=button value=GO onclick=window.open(this.form.url"+i+".value)><br>") document.write("<input type=submit value=刷新></form>") } butt() function auto(url){ document.forms[0]["url"+b].value=url if(tim>200) {document.forms[0]["txt"+b].value="链接超时"} else {document.forms[0]["txt"+b].value="时间"+tim/10+"秒"} b++ } function run(){for(var i=1;i<autourl.length;i++)document.write("<img src=http://"+autourl+"/"+Math.random()+" width=1 height=1 nerror=auto("http://"+autourl+"")>")} run()</script> 46. 各种样式的光标 auto ：标准光标 default ：标准箭头 hand ：手形光标 wait ：等待光标 text ：I形光标 vertical-text ：水平I形光标 no-drop ：不可拖动光标 not-allowed ：无效光标 help ：?帮助光标 all-scroll ：三角方向标 move ：移动标 crosshair ：十字标 e-resize n-resize nw-resize w-resize s-resize se-resize sw-resize 47、严禁鼠标右键，把Demo的图片全都设为表格的背景，表格的大小与图片的大小同样。这样做看起来是同样的，重要是防止鼠标通过图片时会出现另存的按钮。严禁鼠标右键的代码很简朴： <script LANGUAGE="JavaScript"> function click() { if (event.button==2) {alert(呵呵，不好意思，你甭想使用右键下载图片：）); } } document.onmousedown=click </script> 48、在网页的Head部分加入如下代码，这段代码的重要功能是屏蔽PrintScreen键，不断清空剪贴版，防止图片被用文献——另存为菜单另存。 <script language="javascript">  </script> ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// 1. 将彻底屏蔽鼠标右键 <table border oncontextmenu=return(false)><td>no</table> 可用于Table 2. <body> 取消选取、防止复制 3. 不准粘贴 4. 防止复制 5. <link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标 6. <link rel="Bookmark" href="favicon.ico"> 可以在收藏夹中显示出你的图标 7. <input style="ime-mode:-Disabled"> 关闭输入法 8. 永远都会带着框架 <script language="javascript"></script> 9. 防止被人frame <SCRIPT LANGUAGE=javascript></SCRIPT> 10. 网页将不能被另存为 <noscript><iframe src=*.html></iframe></noscript> 11. <input type=button value=查看网页源代码 onclick="window.location = `view-source:`+ `";> 12.删除时确认 <a href=`javascript:if(confirm("的确要删除吗?"location="boos.asp?&areyou=删除&page=1"`>删除</a> 13. 取得控件的绝对位置 //javascript <script language="javascript"> function getIE(E){ var t=e.offsetTop; var l=e.offsetLeft; while(e=e.offsetParent){ t+=e.offsetTop; l+=e.offsetLeft; } alert("top="+t+"/nleft="+l); } </script> //VBScript <script language="VBScript"></script> 14. 光标是停在文本框文字的最后 <script language="javascript"> function cc() { var e = event.srcElement; var r =e.createTextRange(); r.moveStart(`character`,e.value.length); r.collapse(true); r.select(); } </script> <input type=text name=text1 value="123"> 15. 判断上一页的来源 javascript: document.referrer 16. 最小化、最大化、关闭窗口 <object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"> <param name="Command" value="Minimize"></object> <object id=hh2 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"> <param name="Command" value="Maximize"></object> <OBJECT id=hh3 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"> <PARAM NAME="Command" value="Close"></OBJECT> <input type=button value=最小化 onclick=hh1.Click()> <input type=button value=最大化 onclick=hh2.Click()> <input type=button value=关闭 onclick=hh3.Click()> 本例合用于IE 17.屏蔽功能键Shift,Alt,Ctrl <script> function look(){ if(event.shiftKey) alert("严禁按Shift键!"; //可以换成ALT　CTRL } document.onkeydown=look; </script> 18. 网页不会被缓存 <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"> 19.如何让表单没有凹凸感？ <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> 20.<div><span>&<layer>的区别？ <div>(division)用来定义大段的页面元素，会产生转行 <span>用来定义同一行内的元素，跟<div>的唯一区别是不产生转行 <layer>是ns的标记，ie不支持，相称于<div> 21.让弹出窗口总是在最上面: <body> 22.不要滚动条? 让竖条没有: <body style=`overflow:-Scroll;overflow-y:hidden`> </body> 让横条没有: <body style=`overflow:-Scroll;overflow-x:hidden`> </body> 两个都去掉？更简朴了 <body scroll="no"> </body> 23.如何去掉图片链接点击后，图片周边的虚线？ <a href="#"><img src="logo.jpg" border=0></a> 24.电子邮件解决提交表单 <form name="form1" method="post" action="mailto:****@***.com" enctype="text/plain"> <input type=submit> </form> 25.在打开的子窗口刷新父窗口的代码里如何写？ window.opener.location.reload() 26.如何设定打开页面的大小 <body> 打开页面的位置<body> 27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动 <style> body {background-image:url(logo.gif); background-repeat:no-repeat; background-position:center;background-attachment: fixed} </style> 28. 检查一段字符串是否全由数字组成 <script language="javascript"></script> 29. 获得一个窗口的大小 document.body.clientWidth; document.body.clientHeight 30. 怎么判断是否是字符 if (/[^/x00-/xff]/g.test(s)) alert("具有汉字"; else alert("全是字符"; 31.TEXTAREA自适应文字行数的多少 <textarea rows=1 name=s1 cols=27> </textarea> 32. 日期减去天数等于第二个日期 <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/2023",2) </script> 33. 选择了哪一个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"> </BODY></HTML> 34.脚本永不犯错 <SCRIPT LANGUAGE="javascript">  </SCRIPT> 35.ENTER键可以让光标移到下一个输入框 <input> 36. 检测某个网站的链接速度：把如下代码加入<body>区域中: <scrip

展开阅读全文