今天小编给大家展示的是Html:网页制作中常用的一些实用辅助代码,精心挑选的内容希望大家多多支持、多多分享,喜欢就赶紧get哦!
点击返回上页代码:
<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("","","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且选定
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" onfocus="this.blur()"
画细线表格
<table>
状态栏信息
<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>
<OBJECTid=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=""; onMouseOver="window.status='none';return true">九网互联</a>
文本框自动滚动条
<textarea name=words rows=18 cols=26 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="背景色变换" 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="刷新按钮一"></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><table height=100% width=100%><tr><td height=100% width=100%></td></tr></table><iframe width=0 height=0></iframe></div>
<div><iframe height=100% width=100%></iframe></div>
让层的相对定位
<div>
<div>
内容
</div></div>
Flash代码以及背景透明
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="/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="/go/getflashplayer" type="application/x-shockwave-flash" width="220" height="220"></embed></object>