博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
input的button类型,点击页面跳转
阅读量:5895 次
发布时间:2019-06-19

本文共 1138 字,大约阅读时间需要 3 分钟。

hot3.png

 

一、input type=button 不做任何操作

    例如: <input type="button" class="btn btn-primary" style="width: 30%" value="返回" οnclick="window.location.href='/users/list'"></input>

    onclick跳转到href对应值的URL本地地址

二、input type=submit 提交页面数据

    例如:<input type="submit" class="btn btn-primary" style="width: 30%;margin-left: 5%"></input>

    提交当前页面数据,常应用于form表单中

 

拓展资料:

    1.如果让本页转向新的页面则用:

        <input type=button οnclick=”window.location.href(‘连接’)“>

    2.如果需要打开一个新的页面进行转向,则用:

        <input type=button οnclick=”window.open(‘连接’)“>

        <input type=button value=刷新 οnclick=”window.location.reload()“>

        <input type=button value=前进 οnclick=”window.history.go(1)“>

        <input type=button value=刷新 οnclick=”window.history.go(0)“>

        <input type=button value=后退 οnclick=”window.history.go(-1)“>

        <input type=button value=前进 οnclick=”window.history.forward()“>

        <input type=button value=后退 οnclick=”window.history.back()“>

        <input type=button value=后退同时刷新 οnclick=”window.history.go(-1);window.location.reload()“>

    3、点击按钮弹出确认alert窗口

        方式一:οnclick="alert('是否确认提交?'); return false;"

        方式二:οnclick="if (confirm('确认返回ma?')) window.location.href='/users/list'; return false;"

 

 

 

 

转载于:https://my.oschina.net/u/3625745/blog/3002900

你可能感兴趣的文章
JavaScript---事件
查看>>
Android NDK入门实例 计算斐波那契数列一生成jni头文件
查看>>
c/c++性能优化--I/O优化(上)
查看>>
将HTML特殊转义为实体字符的两种实现方式
查看>>
System.Func<>与System.Action<>
查看>>
asp.net开源CMS推荐
查看>>
csharp skype send message in winform
查看>>
MMORPG 游戏服务器端设计--转载
查看>>
SILK 的 Tilt的意思
查看>>
Html学习笔记3
查看>>
HDFS dfsclient写文件过程 源码分析
查看>>
关于多线程的那些事
查看>>
JavaScript获取DOM元素位置和尺寸大小
查看>>
EL 表达式小结
查看>>
内部排序
查看>>
jQuery EasyUI API 中文文档 - 组合(Combo)
查看>>
10个关于 Dropbox 的另类功用(知乎问答精编)[还是转来了]
查看>>
Oracle体系结构
查看>>
javascript Error对象详解
查看>>
nc 局域网聊天+文件传输(netcat)
查看>>