当前位置: 首页 > 编程笔记 >

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

亢琦
2023-03-14
本文向大家介绍JS给按钮添加跳转功能类似a标签,包括了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标签,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

 类似资料:
  • 本文向大家介绍Android标题栏中添加返回按钮功能,包括了Android标题栏中添加返回按钮功能的使用技巧和注意事项,需要的朋友参考一下 标题栏中的返回按钮在实际使用中用的比较多,今天就来讲讲我在项目开发中的使用经历,话不多说,还是直接上源码,上源码是最给力的。 一、 编写自定义类 二 、 xml资源,在layout中定义custom_title 三 、 在需要调用的activity中调用 四

  • 本文向大家介绍如何给Android中的按钮添加图片功能,包括了如何给Android中的按钮添加图片功能的使用技巧和注意事项,需要的朋友参考一下 在layout中建一个my_login.xml文件 代码如下 在Mainactivity中添加如下代码: 以上所述是小编给大家介绍的给Android中的按钮添加图片功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢

  • Jquery Mobile框架包含了一组最常用的移动应用程序所需的图标,为了减少下载的大小,Jquery Mobile包含的是的白色的图标sprite图片,并自动在图标后添加一个半透明的黑圈以确保在任何背景色下图片都能够清晰显示。 给链接添加data-icon 属性,可以添加按钮的图标 html代码 <a href="index.html" data-role="button" data-icon

  • 本文向大家介绍使用jQuery在移动页面上添加按钮和给按钮添加图标,包括了使用jQuery在移动页面上添加按钮和给按钮添加图标的使用技巧和注意事项,需要的朋友参考一下 创建按钮 data-role=button 给HTML元素添加 data-role="button" 属性。jQuery Moble就会给此元素增强为按钮样式。 Jquery Mobile框架包含了一组最常用的移动应用程序所需的图标

  • Verity Sense 配有一个按钮,根据使用情况和按下时长具有不同功能。参见下文,了解按钮在不同模式下的功能以及不同颜色 LED 的含义。 按钮功能 打开/关闭传感器 短按按钮可打开传感器。 按住按钮可关闭传感器。 选择训练模式 要选择训练模式,请短按按钮进行切换,直至所需模式旁的 LED 灯亮起。 您可通过短按按钮来查看已锁定的训练模式。侧边的状态 LED 灯在心率模式下亮蓝色,在记录模式下

  • 本文向大家介绍winforms 创建自定义“帮助”按钮,其功能类似于标准“表单帮助按钮”,包括了winforms 创建自定义“帮助”按钮,其功能类似于标准“表单帮助按钮”的使用技巧和注意事项,需要的朋友参考一下