button跟submit的区别及使用js实现页面跳转的方式

button和submit的区别及使用js实现页面跳转的方式

　　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。

比如：
1、

　　onclick="form1.action='a.jsp';form1.submit();"

  这样就实现了submit的功能了。

2、

　　<form name="form1" method="post" action=""> <input type="button" name="Button" value="Button" onClick="submit()"> </form>

3、

　　<input type="button" name="Button" value="Button" onClick="javascript:windows.location.你的url"">

js实现页面跳转的几种方式：

第一种：

　　<script language="javascript" type="text/javascript"> function test(){ window.location.+window.location.href; }</script>

第二种：

　　<script language="javascript"> function test(){ alert("返回"); window.history.back(-1); }</script>

第三种：

　　<script language="javascript">window.navigate("top.jsp");</script>

第四种：

　　<script language="JavaScript"> function test(){ self.location='top.htm'; }</script>

第五种：

　　<script language="javascript"> function test(){ alert("非法访问！"); top.location='xx.jsp'; }</script>