打印本文 关闭窗口 | ||||||||||||||||
实用:网页制作中常用的辅助代码 | ||||||||||||||||
作者:陈鹏 文章来源:eNet 点击数 更新时间:2009/9/12 9:10:31 文章录入:陈鹏 责任编辑:陈鹏 | ||||||||||||||||
|
||||||||||||||||
<form> <p><input TYPE="button" VALUE="返回上一步" ONCLICK="history.back(-1)"></p> </form> 弹出警告框代码: <form> <p><input TYPE="button" VALUE="弹出警告框" ONCLICK="AlertButton()"></p> </form> <script language="JavaScript"><!-- function AlertButton(){window.alert("要多多光临呀!");} // --></script> 点击打开新窗口 <form> <p><input TYPE="button" VALUE="打开新窗口" ONCLICK="NewWindow()"></p> </form> <script language="JavaScript"><!-- function NewWindow(){window.open("http://www.mcmx.com","","height=240,width=340,status=no,location=no, toolbar=no,directories=no,menubar=no");} // --></script></body> 删除记录时弹出确认框: <script LANGUAGE="VBSCRIPT"> a=msgbox("真的要删除该记录吗?",1,"注意") if a=1 then location="Dodelete.asp?id=" //指向执行删除的页面Dodelete.asp else history.go(-1) end if </script> 关闭打开的窗口 < a href="/" onclick="javascript:window.close(); return false;">关闭窗口</a>
清空INPUT且选定 onClick="Javascript:this.value=''" onFocus="this.select()" onMouseOver="this.focus()" 右键屏蔽 <body oncontextmenu=self.event.returnValue=false> 连串英文自动换行的解决方法 IE5.5 style="LEFT: 0px; WIDTH: 100%; WORD-WRAP: break-word" 你可修改为指定的大小如 200px 图片“重置”按钮 <script language="jscript"> function myreset() { document.login.reset(); document.login.focus();} </script> <img src="image/reclear.gif" width="69" height="20" style="cursor:hand" onfocus="this.blur()" onclick="myreset()" 画细线表格 <table style="border-collapse: collapse"> 状态栏信息 <form> <p><input TYPE="button" VALUE="状态栏信息" ONCLICK="StatusButton()"></p> </form> <script language="JavaScript"><!-- function StatusButton(){window.status="要多多光临呀!";} // --></script> 最小化、最大化、关闭窗口 <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://"; onMouseOver="window.status='none';return true">梦想天空</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 onclick="javascript:HighlightAll('test.select1')" type=button value=全选并复制><BR><TEXTAREA name=select1 rows=3 cols=46>你好,欢迎您的光临!</TEXTAREA> </FORM> <SCRIPT language=Javascript> <!-- 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) } } //--> </SCRIPT>
屏蔽JAVASCRIPT错误 <script language="JavaScript"> <!-- function killErrors(){ return true; } window.onerror = killErrors; --> </script> 关闭子窗口时刷新父窗口 <script language="JavaScript"> <!-- self.opener.location.reload(); window.close() --> </script> 背景色变换 <form> <p><input TYPE="button" VALUE="背景色变换" onClick="BgButton()"></p> </form> <script>function BgButton(){ if (document.bgColor=='#00ffff') {document.bgColor='#ffffff';} else{document.bgColor='#00ffff';} } </script> 检查一段字符串是否全由数字组成 <script language="Javascript"><!-- function checkNum(str){return str.match(//D/)==null} alert(checkNum("1232142141")) alert(checkNum("123214214a1")) // --></script> 判断是否是字符 if (/[^/x00-/xff]/g.test(s)) alert("含有汉字");
点击刷新代码: <form> <p><input TYPE="button" VALUE="刷新按钮一" ONCLICK="ReloadButton()"></p> </form> <script language="JavaScript"><!-- function ReloadButton(){location.href="allbutton.htm";} // --></script> 让层不被控件复盖代码: <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="clsid:D27CDB6E-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>
【责任编辑 徐洋】 |
||||||||||||||||
打印本文 关闭窗口 |