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 相关文章推荐
js FLASH幻灯片字符串中有连接符&的处理方法
Mar 01 Javascript
Javascript实现简单二级下拉菜单实例
Jun 15 Javascript
js实现多选项切换导航菜单的方法
Feb 06 Javascript
input框中的name和id的区别
Nov 16 Javascript
JS实现点击链接切换显示隐藏内容的方法
Oct 19 Javascript
在小程序中使用腾讯视频插件播放教程视频的方法
Jul 10 Javascript
JavaScript模拟实现自由落体效果
Aug 28 Javascript
解决vue 引入子组件报错的问题
Sep 06 Javascript
用Fundebug插件记录网络请求异常的方法
Feb 21 Javascript
javascript数据类型中的一些小知识点(推荐)
Apr 18 Javascript
tweenjs缓动算法的使用实例分析
Aug 26 Javascript
vue中echarts的用法及与elementui-select的协同绑定操作
Nov 17 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
收音机玩机评测 406 篇视频合集
2020/03/11 无线电
php利用腾讯ip分享计划获取地理位置示例分享
2014/01/20 PHP
yii2控制器Controller Ajax操作示例
2016/07/23 PHP
php转换上传word文件为PDF的方法【基于COM组件】
2019/06/10 PHP
js 数组实现一个类似ruby的迭代器
2009/10/27 Javascript
读jQuery之二(两种扩展)
2011/06/11 Javascript
Node.js异步I/O学习笔记
2014/11/04 Javascript
jQuery事件绑定on()、bind()与delegate() 方法详解
2015/06/03 Javascript
使用AngularJS对路由进行安全性处理的方法
2015/06/18 Javascript
js创建对象的方法汇总
2016/01/07 Javascript
js插件实现图片滑动验证码
2020/09/29 Javascript
JavaScript事件对象event用法分析
2018/07/27 Javascript
vue实现pdf导出解决生成canvas模糊等问题(推荐)
2018/10/18 Javascript
微信小程序代码上传、审核发布小程序
2019/05/18 Javascript
微信小程序swiper禁止用户手动滑动代码实例
2019/08/23 Javascript
使用layui实现树形结构的方法
2019/09/20 Javascript
Node配合WebSocket做多文件下载以及进度回传
2019/11/07 Javascript
[02:14]2016国际邀请赛中国区预选赛Ehome晋级之路
2016/07/01 DOTA
Python实现全角半角转换的方法
2014/08/18 Python
python生成随机mac地址的方法
2015/03/16 Python
python实现从字典中删除元素的方法
2015/05/04 Python
Django自定义分页与bootstrap分页结合
2021/02/22 Python
Python中int()函数的用法浅析
2017/10/17 Python
怎么使用pipenv管理你的python项目
2018/03/12 Python
Django实现全文检索的方法(支持中文)
2018/05/14 Python
Python单元测试简单示例
2018/07/03 Python
Django框架会话技术实例分析【Cookie与Session】
2019/05/24 Python
python实现控制电脑鼠标和键盘,登录QQ的方法示例
2019/07/06 Python
PyCharm下载和安装详细步骤
2019/12/17 Python
凯伦·米莲女装网上商店:Karen Millen
2017/11/07 全球购物
Expedia韩国官网:亚洲发展最快的在线旅游门户网站
2018/02/26 全球购物
体育专业个人求职信范文
2013/12/27 职场文书
高中的职业生涯规划书
2013/12/28 职场文书
机电一体化职业规划书
2014/01/07 职场文书
活动总结书怎么写
2015/05/11 职场文书
Python获取江苏疫情实时数据及爬虫分析
2021/08/02 Python