广告位联系
返回顶部
分享到

HTML点击按钮button跳转页面的四种方法介绍

HTML/Xhtml 来源:互联网 作者:佚名 发布时间:2023-07-03 23:13:21 人浏览
摘要

其实我比较喜欢第一种方法 1 button onclick=window.location.href=../routeEdit/index.html type=button id=add新增/button 正文 方法一:在button标签中加上onclick属性,赋值为Javascript 1 2 3 input type=button onclic

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

1

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

正文

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

1

2

3

<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>

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

1

2

3

4

5

6

<script>

    function jump(){

        window.location.href="http://blog.sina.com.cn/mleavs";

    }

</script>

<input type="button" value="我是一个按钮" οnclick=javascript:jump()>

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

1

2

3

<a href="https://www.baidu.com/">

    <button>点我跳转到度娘!</button>

</a>

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

1

2

3

<form action="xx.html" method="post">

    <input type="button" value="按钮">

</form>

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


版权声明 : 本文内容来源于互联网或用户自行发布贡献,该文观点仅代表原作者本人。本站仅提供信息存储空间服务和不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权, 违法违规的内容, 请发送邮件至2530232025#qq.cn(#换@)举报,一经查实,本站将立刻删除。
原文链接 :
相关文章
  • html页面点击按钮实现页面跳转功能
    方法1、在button标签外嵌套一个a标签,利用超链接进行跳转; 1 2 3 a href=https://www.baidu.com/ target=_blank button进入baidu首页/button /a 方法2、在but
  • HTML点击按钮button跳转页面的四种方法介绍
    其实我比较喜欢第一种方法 1 button onclick=window.location.href=../routeEdit/index.html type=button id=add新增/button 正文 方法一:在button标签中加上onclick属
  • td内容自动换行,table表格td设置宽度后文字太多
    设置table 的 style=table-layout:fixed; 然后设置td的 style=word-wrap:break-word; 即可 但这种情况下表格宽度自由分配,所以如果不用设置table 的 style=t
  • HTML静态页面获取url参数和UserAgent的实现代码

    HTML静态页面获取url参数和UserAgent的实现代码
    接技术支持小伙伴信:有用户反馈app在华为设备上下载不了,以为是服务器覆盖的范围不够或服务器挂了,直到另一个客服同事发来一个录
  • html网页引入svg图片的4种方式总结
    web应用开发使用svg图片,总结了下,可以有如下4种方式: 1. 直接插入页面。 2. img标签引入。 3. css引入。 4. object标签引入。 1. 直接插入页
  • html中两种获取标签内的值的方法介绍
    获取标签中value的值 使用的javascript获取,所以肯定是包含在 script 标签里的,也需要引入jquery 标签示例: 1 input id=goodsCount type=text size=2 re
  • HTML基本元素标签介绍

    HTML基本元素标签介绍
    一、什么是HTML HTML(Hypertext Markup Language):即超文本标记语言,是一种用来设计网页的标记语言,用该语言编写的文件,以.html或.htm为后缀
  • HTML中的表格元素介绍

    HTML中的表格元素介绍
    表格元素的作用:用来格式化显示数据。 一、表格的基本结构 表格的基本语法: TABLE border=设置表格边框尺寸大小 width= cellpadding= cellspaning
  • HTML中的表单元素介绍

    HTML中的表单元素介绍
    表单元素概述 表单(Form),用于收集用户信息、提交用户请求等 处理过程 1、设计表单,并放入一些输入域 2、网站访问者在自己的计算机
  • HTML怎么设置下划线?html文字加下划线方法

    HTML怎么设置下划线?html文字加下划线方法
    HTML中的下划线曾经是将文本包含在u/u标签中的问题,但是这种方法已被放弃,而更倾向于使用更多功能的CSS。一般来说,下划线被认为是引
  • 本站所有内容来源于互联网或用户自行发布,本站仅提供信息存储空间服务,不拥有版权,不承担法律责任。如有侵犯您的权益,请您联系站长处理!
  • Copyright © 2017-2022 F11.CN All Rights Reserved. F11站长开发者网 版权所有 | 苏ICP备2022031554号-1 | 51LA统计