今天是

爱酷家


当前位置:首页 > 资源收藏 > 特效代码

按钮的综合应用

收集整理   发布时间:2012-10-12 22:19:00   阅读

按钮的综合应用

代码:
<body>

<form>
  <p><input TYPE="button" VALUE="返回上一步" ONCLICK="history.back(-1)"></p>
</form>

<form>
  <p><input TYPE="button" VALUE="刷新按钮一" ONCLICK="ReloadButton()"></p>
</form>
<script language="JavaScript"><!--
function ReloadButton(){location.href="allbutton.htm";}
// --></script>


<form>
  <p><input TYPE="button" VALUE="刷新按钮二" onClick="history.go(0)"> </p>
</form>

<form>
  <p><input TYPE="button" VALUE="打开一个网站" ONCLICK="HomeButton()"></p>
</form>
<script language="JavaScript"><!--
function HomeButton(){location.href="http://www.ikujia.com";}
// --></script>


<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="StatusButton()"></p>
</form>
<script language="JavaScript"><!--
function StatusButton(){window.status="要多多光临呀!";}
// --></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>


<form>
  <p><input TYPE="button" VALUE="打开新窗口" ONCLICK="NewWindow()"></p>
</form>
<script language="JavaScript"><!--
function NewWindow(){window.open("http://www.ikujia.com","","height=240,width=340,status=no,location=no,toolbar=no,directories=no,menubar=no");}
// --></script></body>



注:⊙如转载本站原创作品,请务必包保留本文地址:

内容: