解决window.location.href不跳转的问题

转载 2017年03月29日 18:37:39

submit是button的一个特例,也是button的一种,它把提交这个动作自动集成了。
如果表单在点击提交按钮后需要用JS进行处理(包括输入验证)后再提交的话,通常都必须把submit改成button,即取消其自动提交的行为,否则,将会造成提交两次的效果,对于动态网页来说,也就是对数据库操作两次。或者在使用submit时验证时加return true或false。
就是在
上面加上一个false 前提是你在用js在写数据提交

submit和button,二者都以按钮的形式展现,看起来都是按钮,所不同的是type属性和处发响应的事件上,submit会提交表单,button不会提交表单.
两者主要区别在于:
submit默认为form提交,可以提交表单(form).
button则响应用户自定义的事件,如果不指定onclick等事件处理函数,它是不做任何事情.当然,button也可以完成表单提交的工作.
INPUT type=submit 即发送表单,按回车提交表单
INPUT type=button 就是单纯的按钮功能,提交的是innerTEXT

===============submit 和 button的详细对比===================================
submit:特殊的button,会自动将表单的数据提交,onClick方法不加return 会自动提交,并不会起到约束的作用,
所以,使用submit时需要验证请加 return true或false.
例:,在JS中判断的时候 写return true; 或者 return false;
button:普通的按钮,不会自动提交表单数据.可以在JS中显式提交:document.form1.submit(),使用场合: 一个页面有多个提交按钮,需要根据用户的操作来确定到底提交到哪个控制器,这种情况下,就需要在JS中判断用户的操作,然后根据操作来给document.form1.action赋值并且document.form1.submit()来提交

===============如果想好所有的提交都在一个servlet中处理,该怎么做==================
提交的按钮也是HTML组件,所以也可以通过 getParameter()来得到,那么getParameter()的参数也需要固定下来
参数就是所有的表单的提交按钮的name,当然提交按钮的name要一样才能统一在一个servlet中根据提交按钮的值来区别操作

======================关于路径的设置===================================
A.在页面中直接写路径,如 href=”jsp/a.html” 表示 平级目录的访问,此例表示平级目录中有个JSP文件夹,访问的是文件夹中的a.html文件
B.在JAVA中直接写路径,如 response.sendRedirect(“jsp/a.jsp”)表示项目根目录下有个JSP文件夹,访问的是文件夹中的a.jsp文件
C.如果发现以上设置在浏览器中的地址栏不正确,可以采取绝对路径写法:/工程名/文件夹名/文件名

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


执行完onClick,转到action。可以自动提交不需要onClick,所以说onclick这里可以不要。


执行完onClick,跳转文件在 js文件里控制,提交需要onClick.如果这儿没有 onClick

例如:
type=”submit”

” method=”post” onSubmit=”return check_submit(this)”>

type=”button”

” method=”post” name=”frmAddModi” >

转载自:http://blog.sina.com.cn/s/blog_693d183d0100uolj.html
这个大神真厉害

解决window.location.href不跳转,无反应,不执行的问题

场景 测试环境:IE6 源代码:  href="javascript:void(0);" onclick="modify();">修改 function modify(...
  • q1054261752
  • q1054261752
  • 2017-04-20 11:31:48
  • 1567

遇到问题-----JS中设置window.location.href跳转无效

问题情况JS中设置window.location.href跳转无效代码如下: function checkUser() { if(2!=1){ window.locat...
  • q383965374
  • q383965374
  • 2016-03-13 18:46:14
  • 29137

如何解决window.location.href不跳转的问题

案件描述通过window.location.href页面不跳转; window.location.href=false和return false的区别...
  • qq_36938933
  • qq_36938933
  • 2017-09-14 11:52:30
  • 1185

javascript设置了location.href不跳转问题

location.href不跳转问题今天一位同事碰到一个问题,用JS设置了location.href就是不跳转的问题。经过分析,发现是这个原因...
  • lqyygyss
  • lqyygyss
  • 2016-04-12 13:20:59
  • 17416

window.location.href无法跳转的解决办法

參考:   1、事件必须return false      2、a标签的href属性设为一个锚点。        必须在event() 后添加 return false; 在event()...
  • mochong
  • mochong
  • 2017-03-28 14:13:27
  • 1555

Ajax中window.location.href无法跳转的解决办法

$("#myForm").submit(function(){ $.ajax({ cache: true, type: "POST", ...
  • lezizai_happy
  • lezizai_happy
  • 2016-06-10 16:44:19
  • 7137

window.location.href 在IE不跳转的解决方法

window.location.href = 'NavigationRole.aspx?RoleId=' + node.Id; 在Js代码加入下面两句,IE7加第一句就行,但IE11必须加两句。 ...
  • moshuchao
  • moshuchao
  • 2016-06-01 09:01:49
  • 3059

window.location.href不转跳的解决方法 与a标签空链接有关

location.href不跳转的解决办法 相信很多人通过链接的onclick事件做跳转操作时,出现location.href不跳转的问题,下面对onclick事件中location.href的...
  • dmwhw
  • dmwhw
  • 2015-11-10 00:12:27
  • 1845

关于Android WebView不支持location.href打开的解决方法 小米部分机型

遇到这个问题也纯属无奈,对于Android 【WebView】H5网页支付,的兼容性实在头疼,其实大部分机型都能正常使用,包括跳转至应用实现支付,可以偏偏有些机型就是特殊(毕竟Android开源,家家...
  • Jack_chb
  • Jack_chb
  • 2018-03-10 17:03:34
  • 239

window.location.href 失效的解决办法

原文地址:失效的解决办法" style="text-decoration:none; color:rgb(106,63,48)">window.location.href 失效的解决办法作者:raph...
  • lx19860203
  • lx19860203
  • 2014-02-25 10:05:05
  • 5218
收藏助手
不良信息举报
您举报文章:解决window.location.href不跳转的问题
举报原因:
原因补充:

(最多只允许输入30个字)