常用的JS按钮功能大集合_表单按钮特效

模板酷站
  •       3/5
  •       1
  •       2
  •       3
  •       4
  •       5
查看演示效果

      织梦DedeCMS视频教程买空间 租服务器 选网硕互联! 无忧站长工具,百度权重一键全查!

      精选的几个按钮结合JavaScript打造的最常用的功能大集合,查看网页源代码、刷新网页、打开新窗口、弹出警告框、随时变换网页背景色、在状态栏显示信息、返回后退操作等,都是我们常用到的,值得收藏。

      <title>按钮用法大集合</title> <input TYPE="button" NAME="view" VALUE="查看源代码" OnClick="window.location='view-source:' +window.location.href";> <input TYPE="button" VALUE="返回上一步" ONCLICK="history.back(-1)"> <input TYPE="button" VALUE="刷新按钮一" ONCLICK="ReloadButton()"> <script language="JavaScript"> <!-- function ReloadButton(){ location.href="/"; } // --> </script> <p> <input TYPE="button" VALUE="刷新按钮二" onClick="history.go(0)"> <input TYPE="button" VALUE="回网站首页" ONCLICK="HomeButton()"> <script language="JavaScript"> <!-- function HomeButton(){ location.href="/";} // --> </script> <input TYPE="button" VALUE="弹出警告框" ONCLICK="AlertButton()"> <script language="JavaScript"> <!-- function AlertButton(){window.alert("你知道吗?模板无忧是一个资源质量很高的源码下载站!)");} // --> </script> <p> <input TYPE="button" VALUE="状态栏信息" ONCLICK="StatusButton()"> <script language="JavaScript"> <!-- function StatusButton(){window.status="你好吗?:)";} // --> </script> <input TYPE="button" VALUE="背景色变换" onClick="BgButton()"> <script language="JavaScript"> <!-- function BgButton(){ if (document.bgColor=='#3399ff') {document.bgColor='#00ccff';} else{document.bgColor='#3399ff';} } // --> </script> <input TYPE="button" VALUE="打开新窗口" ONCLICK="NewWindow()"> <script language="JavaScript"> <!-- function NewWindow(){ window.open("/","","height=548,width=760,left=10,top=10,status=no,location=no,toolbar=no, directories=no,menubar=no"); } // --> </script>