zoukankan      html  css  js  c++  java
  • 记一次js之button问题

    问题描述:记得某天,发现一件让我非常气愤的事情,居然因为一个按钮导致页面跳转失败或者是根本跳转不了界面,哪怕404也不给我报。

    问题回现步骤:
    (1)正常输入url localhost:8080/test
    可以看到一个登陆界面;

    (2)正常录入表单信息点击提交,在输入正确的用户名和密码的前提下,居然最后出现这样的情况
    地址由localhost:8080/test变为localhost:8080/test/?
    多了一个问号,这让我觉得非常奇怪。

    正常情况下,应该调用ajax中的方法 transit()方法,该方法体中只有一个window.location.href='index.html'
    意思是只要异步验证通过,正确的用户名和密码的前提下,直接跳转到index.html界面。
    然而并不是这样。


    (3)我使用了window.location.replace()和window.open()方法测试,最后发现window.open()方法可以成功跳转到index.html,但是window.open()相当于新打开一个窗口,并不符合我的实际需要。

    问题解决:

    列出问题代码:
    <button id="m_login_signin_submit" class="btn btn-focus m-btn m-btn--pill m-btn--custom m-btn--air m-login__btn m-login__btn--primary">
    登录
    </button>

    改成这样就可以解决问题:
    <input type="button" value="登录" id="m_login_signin_submit" class="btn btn-focus m-btn m-btn--pill m-btn--custom m-btn--air m-login__btn m-login__btn--primary"/>

    在实际开发中,我们也遇到这样的问题,button不好使,点击不起作用,最后没办法只得换成input形式的button,结果这样往往就没有问题。

    html或者css或者js不懂的,可以参考该网站:http://www.w3school.com.cn/

  • 相关阅读:
    JSON 操作
    生成下面的模块时,启用了优化或没有调试信息
    Emacs
    Integration rules
    Testing tools
    软件架构(读书笔记1)
    依赖于自己做计算
    POJO
    软件架构(读书笔记2)
    设计得不好
  • 原文地址:https://www.cnblogs.com/youcong/p/9275661.html
Copyright © 2011-2022 走看看