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

html页面点击按钮实现页面跳转功能

HTML/Xhtml 来源:未知 作者:佚名 发布时间:2023-07-13 21:24:15 人浏览
摘要

方法1、在button标签外嵌套一个a标签,利用超链接进行跳转; 1 2 3 a href=https://www.baidu.com/ target=_blank button进入baidu首页/button /a 方法2、在button标签中添加nclick=window.location.href=页面url代码

方法1、在button标签外嵌套一个a标签,利用超链接进行跳转;

1

2

3

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

 <button>进入baidu首页</button>

</a>

方法2、在button标签中添加οnclick="window.location.href=‘页面url’"代码,使用onclick事件进行跳转。

1

<button onclick="window.location.href = 'https://www.baidu.com/' target="_blank"">进入baidu首页</button>

html页面自动跳转方法

1.使用meta元素

1

<meta http-equiv="refresh" content="5;url=hello.html">

http-equiv=“refresh” 是刷新页面,5秒后执行刷新操作,url是跳转的目的页面地址。

1

<meta http-equiv="refresh" content="5">

这行代码的意思是只刷新,不跳转。

2.使用script代码

立即跳转到hello.html页面。

1

2

3

<script type="text/javascript">

    window.location.href = 'hello.html';

</script>

或者

1

2

3

<script language="javascript">

    location.replace("http://www.baidu.com/");

</script>

5秒后跳转到hello.html页面。

1

2

3

<script type="text/javascript">

    setTimeout("window.location.href = 'hello.html'", 5000);

</script>

3.判断是否手机端

1

2

3

4

5

6

7

8

9

10

11

<script type="text/javascript">

var wapurl = window.location.pathname; 

if

    (/Android|webOS|iPhone|iPod|BlackBerry|Windows CE|Windows Phone/i.test(navigator.userAgent))

{if

    (window.location.href.toLowerCase().indexOf("?pc")<0)

{try

    {window.location.href="/wap"+wapurl}

    catch(e){}}

    }

</script>


版权声明 : 本文内容来源于互联网或用户自行发布贡献,该文观点仅代表原作者本人。本站仅提供信息存储空间服务和不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权, 违法违规的内容, 请发送邮件至2530232025#qq.cn(#换@)举报,一经查实,本站将立刻删除。
原文链接 :
相关文章
  • html实现iframe全屏的代码
    html浏览器全屏操作,基于jquery iframe全屏、指定标签全屏 实现 css 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 /** 全屏*/ .lay-dbclick-box
  • 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、网站访问者在自己的计算机
  • 本站所有内容来源于互联网或用户自行发布,本站仅提供信息存储空间服务,不拥有版权,不承担法律责任。如有侵犯您的权益,请您联系站长处理!
  • Copyright © 2017-2022 F11.CN All Rights Reserved. F11站长开发者网 版权所有 | 苏ICP备2022031554号-1 | 51LA统计