iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > VUE >JS如何给按钮添加跳转功能类似a标签
  • 332
分享到

JS如何给按钮添加跳转功能类似a标签

2024-04-02 19:04:59 332人浏览 泡泡鱼
摘要

这篇文章给大家分享的是有关js如何给按钮添加跳转功能类似a标签的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。方法window.location.href = 

这篇文章给大家分享的是有关js如何给按钮添加跳转功能类似a标签的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

方法

window.location.href = "要跳转的URL";

window.location = "要跳转的URL";

location = "要跳转的URL";

示例

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>给按钮添加跳转功能【类似a标签】</title>
    <script type="text/javascript">
      window.onload = function(){
        document.getElementById("btn").onclick = function(){
          // window.location.href = "https://www.baidu.com/";
          // window.location = "Https://www.baidu.com/";
          location = "https://www.baidu.com/";
        };
      };
    </script>
  </head>
  <body>
    <input id="btn" type="button" value="百度一下,你就知道" />
  </body>
</html>

感谢各位的阅读!关于“JS如何给按钮添加跳转功能类似a标签”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

--结束END--

本文标题: JS如何给按钮添加跳转功能类似a标签

本文链接: https://www.lsjlt.com/news/72217.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • JS如何给按钮添加跳转功能类似a标签
    这篇文章给大家分享的是有关JS如何给按钮添加跳转功能类似a标签的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。方法window.location.href = ...
    99+
    2024-04-02
  • jquery如何实现点击按钮跳转页面功能
    今天小编给大家分享一下jquery如何实现点击按钮跳转页面功能的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。首先,在 HTM...
    99+
    2023-07-05
  • 如何在Android应用中添加一个按钮功能
    这期内容当中小编将会给大家带来有关如何在Android应用中添加一个按钮功能,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。1、首先创建一个按钮<Buttonandroid:id="@+id...
    99+
    2023-05-31
    android roi
  • 如何去掉a标签和按钮加背景图片虚线/阴影
    这篇文章给大家分享的是有关如何去掉a标签和按钮加背景图片虚线/阴影的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。当用户注册都会点击一个a标签更换验证码。当点击后a标签上有个阴影部分。对于喜欢美观的同学却不可容忍!...
    99+
    2023-06-08
  • 微信小程序中如何添加客服按钮contact-button功能
    这篇文章给大家分享的是有关微信小程序中如何添加客服按钮contact-button功能的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。小程序的客服系统,是微信做的非常成功的一个功能...
    99+
    2024-04-02
  • 如何在PHPCMS网站中添加跳转到详情页的功能
    在PHPCMS网站中添加跳转到详情页的功能是非常常见且重要的操作。在这篇文章中,我们将介绍如何实现这一功能,并附上具体的代码示例。首先,我们需要明确的是在PHPCMS中页面和详情页的U...
    99+
    2024-04-02
  • 微信小程序如何实现点击按钮移动view标签的位置功能
    这篇文章主要介绍了微信小程序如何实现点击按钮移动view标签的位置功能,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。具体如下:1、效果展示2...
    99+
    2024-04-02
  • Html5中如何判断文字超过2行添加展开按钮,未超过则不显示,溢出部分显示省略号功能
    小编给大家分享一下Html5中如何判断文字超过2行添加展开按钮,未超过则不显示,溢出部分显示省略号功能,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!在进行H5页面开发时,项目都要提测了,产...
    99+
    2024-04-02
软考高级职称资格查询
推荐阅读
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作