常用的JS按钮功能大集合
精选的几个按钮结合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="http://www.baidu.com";}
// -->
</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,易做图=no, directories=no,menubar=no");
}
// -->
</script>
上一个:Js自动添加附件上传浏览框,模仿网易邮箱
下一个:JavaScript动态添加文本框并自动水平对齐