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


Posted in Javascript onMay 30, 2017

方法

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标签,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

Javascript 相关文章推荐
在IE下:float属性会影响offsetTop的取值
Dec 22 Javascript
js 控制下拉菜单刷新的方法
Mar 03 Javascript
js 事件截取enter按键页面提交事件示例代码
Mar 04 Javascript
jQuery实现的产品自动360度旋转展示特效源码分享
Aug 21 Javascript
详解JavaScript逻辑Not运算符
Dec 04 Javascript
jquery实现简单Tab切换菜单效果
Jul 17 Javascript
JS实现重新加载当前页面
Nov 29 Javascript
ES6中module模块化开发实例浅析
Apr 06 Javascript
基于LayUI分页和LayUI laypage分页的使用示例
Aug 02 Javascript
angular2/ionic2 实现搜索结果中的搜索关键字高亮的示例
Aug 17 Javascript
vue 实现在同一界面实现组件的动态添加和删除功能
Jun 16 Javascript
解决echarts数据二次渲染不成功的问题
Jul 20 Javascript
jQuery异步提交表单实例
May 30 #jQuery
JS实现多级菜单中当前菜单不随页面跳转样式而发生变化
May 30 #Javascript
Angularjs中使用轮播图指令swiper
May 30 #Javascript
AngularJS路由Ui-router模块用法示例
May 29 #Javascript
Angular2学习教程之组件中的DOM操作详解
May 28 #Javascript
Angular2学习教程之ng中变更检测问题详解
May 28 #Javascript
Angular2使用jQuery的方法教程
May 28 #jQuery
You might like
PHP setcookie指定domain参数后,在IE下设置cookie失效的解决方法
2011/09/09 PHP
php反射应用示例
2014/02/25 PHP
Laravel框架中Blade模板的用法示例
2017/08/30 PHP
jQuery 可以拖动的div实现代码 脚本之家修正版
2009/06/26 Javascript
Ext JS 4官方文档之三 -- 类体系概述与实践
2012/12/16 Javascript
jquery ui dialog实现弹窗特效的思路及代码
2013/08/03 Javascript
js获取控件位置以及不同浏览器中的差别介绍
2013/08/08 Javascript
使用jQuery快速解决input中placeholder值在ie中无法支持的问题
2014/01/02 Javascript
网页广告中JS代码的信息监听示例
2014/04/02 Javascript
js实现的点击数量加一可操作数据库
2014/05/09 Javascript
Javascript学习笔记之函数篇(五) : 构造函数
2014/11/23 Javascript
Bootstrap按钮下拉菜单组件详解
2016/05/10 Javascript
举例讲解jQuery对DOM元素的向上遍历、向下遍历和水平遍历
2016/07/07 Javascript
微信小程序 空白页重定向解决办法
2017/06/27 Javascript
对angularJs中ng-style动态改变样式的实例讲解
2018/09/30 Javascript
JS遍历JSON数组及获取JSON数组长度操作示例【测试可用】
2018/12/12 Javascript
详解VUE里子组件如何获取父组件动态变化的值
2018/12/26 Javascript
JQuery常见节点操作实例分析
2019/05/15 jQuery
[10:39]DOTA2上海特级锦标赛音乐会纪录片
2016/03/21 DOTA
在主机商的共享服务器上部署Django站点的方法
2015/07/22 Python
解决PyCharm中光标变粗的问题
2017/08/05 Python
Python利用公共键如何对字典列表进行排序详解
2018/05/19 Python
python3+selenium实现qq邮箱登陆并发送邮件功能
2019/01/23 Python
python爬取基于m3u8协议的ts文件并合并
2019/04/26 Python
Python+OpenCV图像处理——实现直线检测
2020/10/23 Python
使用javascript和HTML5 Canvas画的四渐变色播放按钮效果
2014/04/10 HTML / CSS
用HTML5 实现橡皮擦的涂抹效果的教程
2015/05/11 HTML / CSS
澳大利亚波西米亚风连衣裙在线商店:Fortunate One
2019/04/01 全球购物
高级Java程序员面试题
2016/06/23 面试题
文明餐桌行动实施方案
2014/02/19 职场文书
2014新生大学四年计划书
2014/09/21 职场文书
我的中国梦心得体会范文
2016/01/05 职场文书
教师廉政准则心得体会
2016/01/20 职场文书
通知怎么写?
2019/04/17 职场文书
导游词之太原天龙山
2020/01/02 职场文书
小喇叭开始广播了! 四十多年前珍贵老照片
2022/05/09 无线电