• 记一次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/

  • 相关阅读:
    centos7上修改lv逻辑卷的大小
    centos6上调整lv逻辑卷
    nginx的日志配置
    修改Linux系统默认编辑器
    mysqldump命令的安装
    centos7上设置中文字符集
    nginx的80端口跳转到443
    ubuntu上安装docker和docker-compose
    javascript递归、循环、迭代、遍历和枚举概念
    Lattice 开发工具Diamond 相关版本下载地址
  • 原文地址:https://www.cnblogs.com/youcong/p/9275661.html
Copyright © 2020-2023  润新知