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 相关文章推荐
Javascript 定时器调用传递参数的方法
Nov 12 Javascript
Javascript new关键字的玄机 以及其它
Aug 25 Javascript
在js文件中如何获取basePath处理js路径问题
Jul 10 Javascript
浅谈javascript对象模型和function对象
Dec 26 Javascript
JavaScript实现页面5秒后自动跳转的方法
Apr 16 Javascript
window.setInterval()方法的定义和用法及offsetLeft与style.left的区别
Nov 11 Javascript
详解javascript实现瀑布流列式布局
Jan 29 Javascript
深入理解js函数的作用域与this指向
May 28 Javascript
js css+html实现简单的日历
Jul 14 Javascript
详解Vue-基本标签和自定义控件
Mar 24 Javascript
js数据类型转换与流程控制操作实例分析
Dec 18 Javascript
js实现上下左右键盘控制div移动
Jan 16 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
完美解决phpdoc导出文档中@package的warning及Error的错误
2016/05/17 PHP
php打乱数组二维数组多维数组的简单实例
2016/06/17 PHP
浅析PHP中的闭包和匿名函数
2017/12/25 PHP
使用Git实现Laravel项目的自动化部署
2019/11/24 PHP
js RuntimeObject() 获取ie里面自定义函数或者属性的集合
2010/11/23 Javascript
Jquery 绑定时间实现代码
2011/05/03 Javascript
jQuery对表单元素的取值和赋值操作代码
2011/05/19 Javascript
Jquery通过Ajax访问XML数据的小例子
2013/11/18 Javascript
javascript日期格式化示例分享
2014/03/05 Javascript
获取中文字符串的实际长度代码
2014/06/05 Javascript
JavaScript代码编写中各种各样的坑和填坑方法
2014/06/06 Javascript
JS 对象(Object)和字符串(String)互转方法
2016/05/20 Javascript
微信小程序 滚动到某个位置添加class效果实现代码
2017/04/19 Javascript
JavaScript模块详解
2017/12/18 Javascript
详解Angular5 路由传参的3种方法
2018/04/28 Javascript
vue实现网络图片瀑布流 + 下拉刷新 + 上拉加载更多(步骤详解)
2020/01/14 Javascript
微信小程序scroll-view点击项自动居中效果的实现
2020/03/25 Javascript
JS实现简单移动端鼠标拖拽
2020/07/23 Javascript
JavaScript Image对象实现原理实例解析
2020/08/26 Javascript
python list 合并连接字符串的方法
2013/03/09 Python
深入解答关于Python的11道基本面试题
2017/04/01 Python
python简单图片操作:打开\显示\保存图像方法介绍
2017/11/23 Python
python3.6连接MySQL和表的创建与删除实例代码
2017/12/28 Python
mac系统安装Python3初体验
2018/01/02 Python
Python 离线工作环境搭建的方法步骤
2019/07/29 Python
python如何使用Redis构建分布式锁
2020/01/16 Python
Python log模块logging记录打印用法解析
2020/01/20 Python
Python操作PostgreSql数据库的方法(基本的增删改查)
2020/12/29 Python
GUESS德国官网:美国牛仔服装品牌
2017/02/14 全球购物
办公室保洁员岗位职责
2013/12/02 职场文书
幼教毕业生自我鉴定
2014/01/12 职场文书
社区国庆节活动方案
2014/02/05 职场文书
外贸业务员求职信
2014/06/16 职场文书
离职感谢信
2015/01/21 职场文书
JMeter对MySQL数据库进行压力测试的实现步骤
2022/01/22 MySQL
详解Go语言中Get/Post请求测试
2022/06/01 Golang