文档章节

input的button类型,点击页面跳转

Sunki
 Sunki
发布于 01/17 18:18
字数 289
阅读 7
收藏 0
Go

 

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

    例如: <input type="button" class="btn btn-primary" style="width: 30%" value="返回" onclick="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 onclick=”window.location.href(‘连接’)“>

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

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

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

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

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

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

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

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

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

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

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

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

 

 

 

 

© 著作权归作者所有

共有 人打赏支持
Sunki
粉丝 0
博文 20
码字总数 6547
作品 0
石家庄
程序员
私信 提问
form表单提交的几种方法

在form标签中添加Action(提交的地址)和method(post),且有一个submit按钮 ()就可以进行数据的提交,每一个input标签都需要有一个name属性,才能进行提交 当点击登陆时,向数据库发生的数据是...

alokka的博客
2017/12/11
0
0
html点击按钮 重新加载页面或者跳转页面实现

<input type="button" value="跳转" onClick="window.location.reload('xxx.html');"> 注:input里的类型"type"必须等于"button",如果是type="submit",此js不起作用。......

疯子张
2014/10/15
0
2
手机浏览器中使用IScroll使click及a跳转事件无效

最近在页面中用iscroll.js,但是但是有跳转,用a标签的href进行跳转发现没有用,之后转换成用点击事件,发现依然不起作用,经过查询发现是禁止了浏览器的默认事件。 有的方法说如果用button或...

voole
2018/05/16
0
0
IE8及以下按钮超链接无法跳转的问题

今天充当解决bug的救急团队又来解决老师的那个项目问题,但是一看整个布局,都是传统的table布局,更醉人的是还是用frame,天啊,但是没有办法,只能在原先的基础上改喽 遇到一个奇葩的页面跳...

sunshinewyf
2015/10/14
1K
0
window.open返回刷新

主页面: <input id="btnAdd" type="button" onclick="openWin();" value="添加" /> 在js中有如下代码: function openWin() { window.open('addInfo.jsp', '_blank', 'width=300,height=40......

孤独成性
2016/11/07
8
0

没有更多内容

加载失败,请刷新页面

加载更多

学习设计模式之路

https://java-design-patterns.com/patterns/ https://www.oodesign.com/ https://www.programering.com/a/MTNxAzMwATY.html https://design-patterns.readthedocs.io/zh_CN/latest/ https:/......

晨猫
今天
1
0
JDK1.8 jar包说明

JDK 1.8 lib:access-bridge-64.jarcharsets.jarcldrdata.jardeploy.jardnsns.jarjaccess.jarjavawa.jarjce.jarjfr.jarjfxrt.jarjfxswt.jarjsse.jarlocaledata.jar......

冷基
今天
1
0
判断用户的icloud是否开启【Swift4.2】

使用icloudkit存储用户私人数据时,必须判断用户的icloud是否开启【Swift4.2】 func isICloudContainerAvailable()-> Bool { if FileManager.default.ubiquityIdentityToken != ni......

叶落花开
今天
2
0
今天的学习

1、执行git add *命令就把改动提交到了暂存区,执行git pull命令将远程仓库的数据拉到当前分支并合并,执行git checkout [branch-name]切换分支 2、执行git commit -m '说明' 命令就把改动提...

墨冥
昨天
0
0
Android4.4 及以下TextView,Button等控件使用矢量图报错

1 问题描述 最近项目开发中,图标资源我尽量使用了矢量图,然而配置了基本的兼容设置,程序在低版本中运行还是出现了问题。 xml布局文件中,在TextView中使用矢量图,比如android:drawableS...

newtrek
昨天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部