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 相关文章推荐
070823更新的一个[消息提示框]组件 兼容ie7
Aug 29 Javascript
利用Ext Js生成动态树实例代码
Sep 08 Javascript
JS实现点击图片在当前页面放大并可关闭的漂亮效果
Oct 18 Javascript
js生成动态表格并为每个单元格添加单击事件的方法
Apr 14 Javascript
基于Node.js模板引擎教程-jade速学与实战1
Sep 17 Javascript
vue滚动轴插件better-scroll使用详解
Oct 17 Javascript
详解基于 Nuxt 的 Vue.js 服务端渲染实践
Oct 24 Javascript
值得收藏的vuejs安装教程
Nov 21 Javascript
Node.js应用设置安全的沙箱环境
Apr 23 Javascript
create-react-app中添加less支持的实现
Nov 15 Javascript
关于IDEA中的.VUE文件报错 Export declarations are not supported by current JavaScript version
Oct 17 Javascript
详解Vue中的自定义指令
Dec 07 Vue.js
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 编写的日历
2006/10/09 PHP
一个目录遍历函数
2006/10/09 PHP
配置Apache2.2+PHP5+CakePHP1.2+MySQL5运行环境
2009/04/25 PHP
php 生成静态页面的办法与实现代码详细版
2010/02/15 PHP
PHP递归返回值时出现的问题解决办法
2013/02/19 PHP
一个图片地址分解程序(用于PHP小偷程序)
2014/08/23 PHP
php实现excel中rank函数功能的方法
2015/01/20 PHP
javascript URL锚点取值方法
2009/02/25 Javascript
基于jQuery实现表格数据的动态添加与统计的代码
2011/01/31 Javascript
JavaScript 模拟类机制及私有变量的方法及思路
2013/07/10 Javascript
Express.JS使用详解
2014/07/17 Javascript
node.js中的fs.rmdir方法使用说明
2014/12/16 Javascript
使用pjax实现无刷新更改页面url
2015/02/05 Javascript
jquery+html5制作超酷的圆盘时钟表
2015/04/14 Javascript
jQuery实现checkbox全选的方法
2015/06/10 Javascript
angularjs 源码解析之injector
2016/08/22 Javascript
详解JS对象封装的常用方式
2016/12/30 Javascript
Vue.js中用webpack合并打包多个组件并实现按需加载
2017/02/17 Javascript
Vue axios 中提交表单数据(含上传文件)
2017/07/06 Javascript
2种简单的js倒计时方式
2017/10/20 Javascript
webpack手动配置React开发环境的步骤
2018/07/02 Javascript
vue 实现滚动到底部翻页效果(pc端)
2019/07/31 Javascript
Vue数据绑定实例写法
2019/08/06 Javascript
微信小程序如何实现radio单选框单击打勾和取消
2020/01/21 Javascript
python使用pymysql实现操作mysql
2016/09/13 Python
Python 装饰器实现DRY(不重复代码)原则
2018/03/05 Python
使用Python获取并处理IP的类型及格式方法
2018/11/01 Python
Python3.5装饰器典型案例分析
2019/04/30 Python
来自美国主售篮球鞋的零售商店:KICKSUSA
2017/11/28 全球购物
爱国卫生月实施方案
2014/02/21 职场文书
学校节能减排倡议书
2014/05/16 职场文书
家长对孩子的寒假评语
2015/10/09 职场文书
小学2016年“我们的节日·重阳节”活动总结
2016/04/01 职场文书
导游词之宿迁乾隆行宫
2019/10/15 职场文书
Mybatis-Plus进阶分页与乐观锁插件及通用枚举和多数据源详解
2022/03/21 Java/Android
JS前端轻量fabric.js系列之画布初始化
2022/08/05 Javascript