Chinaunix

标题: 网页制作中常用的辅助代码 [打印本页]

作者: 剑心通明 时间: 2008-05-16 18:08
标题: 网页制作中常用的辅助代码

点击返回上页
代码
:
＜form＞
＜p＞＜input TYPE="button" VALUE="返回上一步" ＞＜/p＞
＜/form＞
弹出警告框代码:
＜form＞
＜p＞＜input TYPE="button" VALUE="弹出警告框" ＞＜/p＞
＜/form＞
＜script language="JavaScript"＞＜!--
function AlertButton(){window.alert("要多多光临呀！");}
// --＞＜/script＞
点击打开新窗口
＜form＞
＜p＞＜input TYPE="button" VALUE="打开新窗口" ＞＜/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="/" ＞关闭窗口＜/a＞
清空INPUT且选定
onFocus="this.select()"
右键屏蔽
＜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()"
画细线表格
＜table style="border-collapse: collapse"＞
状态栏信息
＜form＞
＜p＞＜input TYPE="button" VALUE="状态栏信息" ＞＜/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://"; ＞梦想天空＜/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＞
＜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="背景色变换" ＞＜/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="刷新按钮一" ＞＜/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＞

本文来自ChinaUnix博客，如果查看原文请点：http://blog.chinaunix.net/u/4206/showart_690917.html

欢迎光临 Chinaunix (http://bbs.chinaunix.net/)