HTML点击按钮button跳转页面的几种实现方法

HTML点击按钮button跳转页面的几种实现方法其实我比较喜欢第一种方法<buttononclick=”window.location.href=’../routeEdit/index.html'”type=”button”id=”add”>新增</button>方法一:在button标签中加上onclick属性,赋值为Javascript<inputtype=”button”name=”regi…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全家桶1年46,售后保障稳定

其实我比较喜欢第一种方法

<button onclick="window.location.href='../routeEdit/index.html'" type="button" id="add">新增</button>

Jetbrains全家桶1年46,售后保障稳定

正文

方法一:在button标签中加上onclick属性,赋值为Javascript

<input type="button" onclick='location.href=("index.aspx")' />//在本页面打开
<input type="button" onclick='window.open("bedzhao.aspx")' />//打开新页面

<button onclick="window.location.href='../routeEdit/index.html'" type="button" id="add">新增</button>

方法二:触发一个函数跳转

<script>
    function jump(){ 
   
        window.location.href="http://blog.sina.com.cn/mleavs";
    }
</script>
<input type="button" value="我是一个按钮" οnclick=javascript:jump()>

方法三:a标签的超链接可以直接嵌套一个button

<a href="https://www.baidu.com/">
    <button>点我跳转到度娘!</button>
</a>

方法四:表单的action定向提交跳转

<from action="xx.html" method="post">
    <input type="bottom" value="按钮">
</from>

还有其他方法,有些方法一些浏览器可能会不支持。

结尾

我是圆圆,如果我的文章对你的学习成长有所帮助,欢迎 点 赞 ? 支持,您的 点 赞 ? 支持是我进行创作和分享的动力!

如果有问题可以留言评论或者私信我,我都会一一解答~笔芯?

参考

  • https://blog.csdn.net/tjh625/article/details/81235827
  • https://blog.csdn.net/weixin_44025103/article/details/90017593
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/203567.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • mac视频录制工具推荐[通俗易懂]

    mac视频录制工具推荐[通俗易懂]AVAideScreenRecorderforMac是一款mac视频录制工具,可帮助用户可以选择录制整个屏幕或自定义区域,支持声音的同步录制,以1080p等高清质量以高达60fps的速度录制屏幕活动、视频和游戏。它可以让您以无损质量处理所有屏幕录制任务,包括Zoom会议、视频通话、文件、在线课程等。除了屏幕捕获之外,我们的屏幕录像机还可以作为一个令人难以置信的音频和声音和录音机,将您的录音提升到一个新的水平。任何希望为音乐制作、音频笔记或其他任何东西创建专业品质音频的人都可

    2022年6月17日
    39
  • MySQL设计之三范式的理解

    MySQL设计之三范式的理解

    2021年11月10日
    41
  • C语言字符串输入及输出的几种方式

    C语言字符串输入及输出的几种方式1.字符串数组+初始化chars1[]=”array”;//字符数组chars2[6]=”array”;//数组长度=字符串长度+1,因为字符串末尾会自动添‘\0‘printf(“%s,%c\n”,s1,s2[2]);//array,r2.字符串指针+初始化char*sp=”pointer”;//字符指针printf(“%s,%c,%c\n”,sp,

    2022年7月24日
    8
  • Django跨域(前端跨域)

    前情回顾在说今天的问题之前先来回顾一下有关Ajax的相关内容Ajax的优缺点jQuery实现的ajaxajax参数请求参数响应参数小练习:计算两个数的和方式一:这里没有指定conten

    2022年3月29日
    50
  • python三种基本数据类型有哪些_python中有哪些基本数据类型

    python三种基本数据类型有哪些_python中有哪些基本数据类型python的基本数据类型有哪些?下面一一给大家介绍:1、数字—>int类当然对于数字,Python的数字类型有int整型、long长整型、float浮点数、complex复数、以及布尔值(0和1),这里只针对int整型进行介绍学习。在Python2中,整数的大小是有限制的,即当数字超过一定的范围不再是int类型,而是long长整型,而在Python3中,无论整数的大小长度为多少,…

    2022年5月7日
    78
  • SQL 扩展事件

    SQL 扩展事件

    2021年11月26日
    49

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号