`
yanfaguanli
  • 浏览: 650547 次
文章分类
社区版块
存档分类
最新评论

js 按钮实现跳转页面 jsp html

 
阅读更多

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

分享到:
评论

相关推荐

    javascript实现点击提交按钮后显示loading的方法

    主要介绍了javascript实现点击提交按钮后显示loading的方法,涉及javascript动态设置页面元素样式的相关技巧,需要的朋友可以参考下

    ajax跳转到新的jsp页面的方法

    ajax可以实现局部刷新页面,即在不刷新整个页面的情况下更新页面的局部信息。 项目中遇到一个问题:在用户列表也,当点击某个按钮时需要去查询用户的信息,查询成功跳转到用户详情界面;查询失败,则在原页面弹出...

    登录页面(jsp+servlet)

    之前可以从jsp页面跳转到Servlet页面了。今天来实现一个登录页面。 还是先创建一个jsp命名为login.jsp。 在jsp页面创建两个文本框和一个登录按钮 代码如下 登录页面 用户名: 密码: 我们再新建一个...

    JavaScript完全自学宝典 源代码

    13.9.jsp JavaScript+XML实现通讯录。 addressbook.war JavaScript+XML实现通讯录的工程文件(可以直接在Tomcat下发布运行)。 addressbook.xml 记录通讯录的XML文件。 第14章(\c14) 示例描述:介绍...

    Javascript实现返回上一页面并刷新的小例子

    今天写了一个小小的提示成功的页面,同时要求返回上一...经过在JSP页面的测试,在操作页面选中添加的项经过点击按钮保存再跳转到成功提示页面返回后发现都没有刷新,手动刷新后才显示出来,对于那些粘贴复制技术不经过

    学生选课系统

    系统实现如图所示:基本功能模糊查询,分页,添加学生信息,删除学生信息,选课等, 如果该学生选过课先回显学生选过的课程,返回按钮重新载入list.jsp页面,本系统主要用 ajax实现在一个list页面内实现对学生的操作...

    java-web_学生管理系统(完成实现三成架构)

    5,在前台页面success.jsp中添加某数据表的增删改查操作(按钮或超链接) 6,从前台页面开始向后进行调用,jsp--&gt;sertlet--&gt;service--&gt;daoimpl 。 7,依次实现各层方法。 主要用的三层架构实现: (1)表示层(USL,即...

    springmvcwebjspWeb-Return.zip

    2,子页面返回按钮的js代码统一使用: [removed].href = "${basePath}/" "${urlParent}"; 其中basePath为${pageContext.request.contextPath} 例如 function pageBack(){ [removed].href = "${basePath}/" "${...

    JAVA制造装备物联及生产管理(ERP)系统源码

    shiro权限控制,结合ajax实现了异步认证与异步授权,同时实现了细粒度的权限动态分配(到按钮级别);添加了shiro session过期的登录跳转 jQuery EasyUI开发前端页面,利用jQuery文件上传插件实现拖拽上传的效果并...

    JspRun!社区论坛系统 v6.0.0 build 20110516 GBK 源码版.zip

    20、修复了:“提示信息跳转设置”修改后,部分用户没有即时按照新设置进行跳转的问题。 21、修复了:当更换模板后,部分图片没有更换的问题。 22、修复了:通过 wap 浏览主题时,可能产生错误的问题。 23、修改...

    JspRun!社区论坛系统 v6.0.0 build 20110516 UTF-8 安装版.zip

    20、修复了:“提示信息跳转设置”修改后,部分用户没有即时按照新设置进行跳转的问题。 21、修复了:当更换模板后,部分图片没有更换的问题。 22、修复了:通过 wap 浏览主题时,可能产生错误的问题。 23、修改...

    erp源码-ssm+easyUI+mysql+maven+shiro

    添加了shiro session过期的登录跳转 - jQuery EasyUI开发前端页面,利用jQuery文件上传插件实现拖拽上传的效果并对文件类型、大小、数量进行控制;利用search-box实现查找功能 - [Druid(数据源配置 sql防注入 sql...

    基于SSM框架的生产管理ERP系统源码+数据库+项目文档,含计划进度、设备管理、工艺监控、物料监控、人员监控、质量监控、系统管理

    一个生产管理ERP系统。主要包括:计划进度、设备管理、工艺监控、物料监控、人员监控、质量监控、系统管理7大模块 项目技术架构 ...JSP JSTL JavaScript kindeditor富文本编辑器,处理图片上传和富文本编辑

    qh-erp-ssm

    erp项目 基于ssm+easyUI+mysql+maven+shiro开发 本系统实现目标如下: ## 项目技术架构(Spring+SpringMVC+Mybatis) ## ...- JSP JSTL JavaScript - kindeditor富文本编辑器,处理图片上传和富文本编辑

    extjs 的权限问题 要求控制的对象是 菜单,按钮,URL

    解题思路1 : 重载Connection类 由于extjs和server端交互全都是 json格式的数据交互,server端不会控制页面的跳转,页面跳转,提示功能全都有extjs来完成。 extjs和server端的交互方法全都是继承自 Ext.data....

    erp完整源码-ssm+easyUI+mysql+maven+shiro

    添加了shiro session过期的登录跳转 - jQuery EasyUI开发前端页面,利用jQuery文件上传插件实现拖拽上传的效果并对文件类型、大小、数量进行控制;利用search-box实现查找功能 - [Druid(数据源配置 sql防注入 sql...

    基于JavaWeb的期刊管理系统+课设报告.zip

    24. 增加按钮删除添加触发跳转 25. 注销跳转设置使用Ajax 26. 完成整体基本功能页面联调 27. 完成同步删除图片功能 28. 增加已存在照片信息进行覆盖上传 29. 修改管理员期刊信息修改详情页面 ## 测试 1. 完成...

    java ssm开发的生产管理ERP系统

    这是一个生产管理ERP系统。依托科技计划重点项目“制造装备物联及生产管理系统研发”,主要包括:计划进度、设备管理、工艺...- JSP JSTL JavaScript - kindeditor富文本编辑器,处理图片上传和富文本编辑&lt;!--more--&gt;

    JspRun!社区论坛系统 v6.0.0 build 20110516 GBK 安装版.zip

    20、修复了:“提示信息跳转设置”修改后,部分用户没有即时按照新设置进行跳转的问题。 21、修复了:当更换模板后,部分图片没有更换的问题。 22、修复了:通过 wap 浏览主题时,可能产生错误的问题。 23、修改...

    JspRun!社区论坛系统 v6.0.0 build 20110516 UTF-8 源码版.zip

    20、修复了:“提示信息跳转设置”修改后,部分用户没有即时按照新设置进行跳转的问题。 21、修复了:当更换模板后,部分图片没有更换的问题。 22、修复了:通过 wap 浏览主题时,可能产生错误的问题。 23、修改...

Global site tag (gtag.js) - Google Analytics