|
网页制作中常用的辅助代码 ...... |
发布日期:[2008/4/19] 共阅[235]次 |
|
<form> <p><input TYPE="button" VALUE="返回上一步" ></p> </form> 弹出警告框代码: <form> <p><input TYPE="button" VALUE="弹出警告框" ></p> </form> <sc ript language="Javasc ript"><!-- function AlertButton(){window.alert("要多多光临呀!");} // --></sc ript> 点击打开新窗口 <form> <p><input TYPE="button" VALUE="打开新窗口" ></p> </form> <sc ript language="Javasc ript"><!-- function NewWindow(){window.open(" http://www.mcmx.com","","height=240,width=340,status=no,location=no, toolbar=no,directories=no,menubar=no");} // --></sc ript></body> 删除记录时弹出确认框: <sc ript LANGUAGE="VBsc ript"> a=msgbox("真的要删除该记录吗?",1,"注意") if a=1 then location="Dodelete.asp?id=" //指向执行删除的页面Dodelete.asp else history.go(-1) end if </sc ript> 关闭打开的窗口 < a href="/" >关闭窗口</a> 清空INPUT且选定 右键屏蔽 <body oncontextmenu=self.event.returnValue=false> 连串英文自动换行的解决方法 IE5.5 style="LEFT: 0px; WIDTH: 100%; WORD-WRAP: break-word" 你可修改为指定的大小如 200px 图片“重置”按钮 <sc ript language="jsc ript"> function myreset() { document.login.reset(); document.login.focus();} </sc ript> <img src="image/reclear.gif" width="69" height="20" style="cursor:hand" 画细线表格 <table style="border-collapse: collapse"> 状态栏信息 <form> <p><input TYPE="button" VALUE="状态栏信息" ></p> </form> <sc ript language="Javasc ript"><!-- function StatusButton(){window.status="要多多光临呀!";} // --></sc ript> 最小化、最大化、关闭窗口 <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 隐藏状态栏里出现的LINK信息 <a href=" http://"; >梦想天空</a> 文本框自动滚动条 <textarea name=words rows=18 cols=26 style="border:1 solid #000000;background-color:white; font-size:9pt; width:188; overflow:auto" wrap=hard></textarea> 全选并复制 <FORM name=test><INPUT type=button value=全选并复制><BR><TEXTAREA name=select1 rows=3 cols=46>你好,欢迎您的光临!</TEXTAREA> </FORM> <sc ript language=Javasc ript> <!-- var copytoclip=1 function HighlightAll(theField) { var tempval=eval("document."+theField) tempval.focus() tempval.select() if (document.all&©toclip==1){ therange=tempval.createTextRange() therange.execCommand("Copy") window.status="Contents highlighted and copied to clipboard!" setTimeout("window.status=""",1800) } } //--> </sc ript> 屏蔽JAVAsc ript错误 <sc ript language="Javasc ript"> <!-- function killErrors(){ return true; } window.onerror = killErrors; --> </sc ript> 关闭子窗口时刷新父窗口 <sc ript language="Javasc ript"> <!-- self.opener.location.reload(); window.close() --> </sc ript> 背景色变换 <form> <p><input TYPE="button" VALUE="背景色变换" ></p> </form> <sc ript>function BgButton(){ if (document.bgColor=="#00ffff") {document.bgColor="#ffffff";} else{document.bgColor="#00ffff";} } </sc ript> 检查一段字符串是否全由数字组成 <sc ript language="Javasc ript"><!-- function checkNum(str){return str.match(//D/)==null} alert(checkNum("1232142141")) alert(checkNum("123214214a1")) // --></sc ript> 判断是否是字符 if (/[^/x00-/xff]/g.test(s)) alert("含有汉字"); 点击刷新代码: <form> <p><input TYPE="button" VALUE="刷新按钮一" ></p> </form> <sc ript language="Javasc ript"><!-- function ReloadButton(){location.href="allbutton.htm";} // --></sc ript> 让层不被控件复盖代码: <div z-Index:2><object xxx></object></div> # 前面 <div z-Index:1><object xxx></object></div> # 后面 <div id="Layer2" style="position:absolute; top:40;width:400px; height:95px;z-index:2"><table height=100% width=100% bgcolor="#ff0000"><tr><td height=100% width=100%></td></tr></table><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> 让层的相对定位 <div id="Layer1" style="position:relative; left:0px; top:0px; width:0px; height:0px;z-index:1"> <div id="Layer2" style="position:absolute; left:500px; top:0px; width:220px; height:220px; z-index:1"> 内容 </div></div> Flash代码以及背景透明 <object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase=" http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="200" height="200"> <param name="movie" value="文件"> <param name="quality" value="high"> <param name="wmode" value="transparent"> <embed src="images/fish.swf" quality="high" pluginspage=" http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="220" height="220"></embed></object> |
|
|
|
 |