网页制作常用代码

网页制作常用代码

点击返回上页代码: 
＜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＞

来自：http://www.enet.com.cn/article/2007/0124/A20070124408810_5.shtml