js 按钮实现跳转页面 jsp html
2010-04-04 13:47
706 查看
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="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>
转自:http://hi.baidu.com/liliuqing/blog/item/e0b9e22cc4613fe88b13994a.html
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="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>
转自:http://hi.baidu.com/liliuqing/blog/item/e0b9e22cc4613fe88b13994a.html
相关文章推荐
- js 按钮实现跳转页面 jsp html
- jsp 中实现点击按钮 实现页面跳转到HTML
- HTML/JSP实现跳转到页面指定位置
- JSP中如何利用JS实现登录页面的跳转(JSP中如何利用JS实现跳转页面)
- js实现HTML自动刷新页面和跳转(重定向)
- 用按钮或链接实现JSP页面跳转
- 跳转页面,定时 (html+jsp+js)
- 用HTML/JS/PHP方式实现页面延时跳转的简单实例
- js实现页面跳转,纯html实现网页定时跳转
- dropzone.js点击删除图片按钮后只执行action不跳转到新的jsp页面,也不刷新本页面
- 用HTML/JS/PHP方式实现页面延时跳转的简单实例
- 如何实现在当前jsp页面中通过点击按钮来跳转到上一个次访问的页面
- 在一个页面文件中(JSP 或者HTML)使用href 跳转另一个页面时使用Js中获取传递过来的参数
- html js点击按钮滚动跳转定位到页面指定位置(DIV)的方法代码
- js实现html 页面之间的跳转传参以及返回上一页的相关知识点
- 用HTML/JS/PHP方式实现页面延时跳转
- html点击按钮 重新加载页面或者跳转页面实现
- 使用JS绑定按钮实现按回车跳转页面
- 用HTML/JS/PHP方式实现页面延时跳转
- js实现html 页面之间的跳转传参以及返回上一页的相关知识点