首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

js统制button跳转

2012-12-19 
js控制button跳转typebutton就单纯是按钮功能typesubmit是发送表单但是对于从事WEB UI的人应该要注意到,

js控制button跳转
type=button      就单纯是按钮功能  
type=submit      是发送表单

但是对于从事WEB UI的人应该要注意到,使用submit来提高页面易用性:
使用submit后,页面支持键盘enter键操作,而很多WEB软件设计师,可能没有注意到submit,用button后往往页面不支持enter键了。所以需要支持enter键,必须要设置个submit,默认enter键对页面第一个submit进行操作。

<input type="submit" name="b1" value="提交" onClick="bt_submit_onclick()">执行完onClick,转到action。可以自动提交不需要onClick。所以说onclick这里可以不要。<input type="button" name="b1" value="提交" onClick="bt_submit_onclick()">执行完onClick,跳转文件在 js文件里控制。提交需要onClick。比如:1onclick="form1.action='a.jsp';form1.submit();" 这样就实现了submit的功能了。2<form name="form1" method="post" action="http://www.sina.com.cn"><input type="button" name="Button" value="Button" onClick="submit()"></form>3<input type="button" name="Button" value="Button" onClick="javascript:windows.location.href="你的url"">js实现页面跳转的几种方式:第一种:<script language="javascript" type="text/javascript">window.location.href="login.jsp?backurl="+window.location.href; </script>第二种:<script language="javascript">alert("返回");window.history.back(-1);</script>第三种:<script language="javascript">window.navigate("top.jsp");</script>第四种:<script language="JavaScript">self.location='top.htm';</script>第五种:<script language="javascript">alert("非法访问!");top.location='xx.jsp';</script>window.location.href('*.jsp')

热点排行
Bad Request.