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函数
Sep 08 Javascript
基于jQuery的输入框无值自动显示指定数据的实现代码
Jan 24 Javascript
jQuery中on()方法用法实例
Jan 19 Javascript
深入理解JavaScript系列(43):设计模式之状态模式详解
Mar 04 Javascript
jQuery实现下滑菜单导航效果代码
Aug 25 Javascript
基于JavaScript实现简单的随机抽奖小程序
Jan 05 Javascript
JavaScript面向对象分层思维全面解析
Nov 22 Javascript
微信小程序websocket聊天室的实现示例代码
Feb 12 Javascript
vue+layui实现select动态加载后台数据的例子
Sep 20 Javascript
Vue中import from的来源及省略后缀与加载文件夹问题
Feb 09 Javascript
解决vue项目router切换太慢问题
Jul 19 Javascript
js实现弹窗猜数字游戏
Nov 26 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
德生PL330的评价与改造
2021/03/02 无线电
php date()日期时间函数详解
2010/05/16 PHP
PHP的autoload机制的实现解析
2012/09/15 PHP
php中怎么搜索相关联数组键值及获取之
2013/10/17 PHP
Codeigniter购物车类不能添加中文的解决方法
2014/11/29 PHP
朋友网关于QQ相关的PHP代码(研究QQ的绝佳资料)
2015/01/26 PHP
PHP中的traits实现代码复用使用实例
2015/05/13 PHP
jQuery使用动态渲染表单功能完成ajax文件下载
2013/01/15 Javascript
jquery+ajax+C#实现无刷新操作数据库数据的简单实例
2014/02/08 Javascript
基于jquery的文字向上跑动类似跑马灯的效果
2014/09/22 Javascript
js为什么不能正确处理小数运算?
2015/12/29 Javascript
Bootstrap开关(switch)控件学习笔记分享
2016/05/30 Javascript
JavaScript实现广告弹窗效果
2016/08/09 Javascript
AngularJS 验证码60秒倒计时功能的实现
2017/06/05 Javascript
jQuery解析json格式数据示例
2018/09/01 jQuery
原生JS实现自定义下拉单选选择框功能
2018/10/12 Javascript
bootstrap+spring boot实现面包屑导航功能(前端代码)
2019/10/09 Javascript
vue - props 声明数组和对象操作
2020/07/30 Javascript
JS实现页面侧边栏效果探究
2021/01/08 Javascript
Python去掉字符串中空格的方法
2014/03/11 Python
Python中的random.uniform()函数教程与实例解析
2019/03/02 Python
Pytorch抽取网络层的Feature Map(Vgg)实例
2019/08/20 Python
python模块常用用法实例详解
2019/10/17 Python
如何基于线程池提升request模块效率
2020/04/18 Python
CSS3 2D模拟实现摩天轮旋转效果
2016/11/16 HTML / CSS
美国在线面料商店:Fashion Fabrics Club
2020/01/31 全球购物
俄罗斯园林植物网上商店:Garshinka
2020/07/16 全球购物
幼儿园大班评语大全
2014/04/17 职场文书
财务管理专业毕业生求职信
2014/06/02 职场文书
会议欢迎标语
2014/06/30 职场文书
大一工商管理职业生涯规划:有梦最美,行动相随
2014/09/18 职场文书
2015年防灾减灾工作总结
2015/07/24 职场文书
广告文案的撰写技巧(实用干货)
2019/08/23 职场文书
iPhone13将有八大升级
2021/04/15 数码科技
react中props 的使用及进行限制的方法
2021/04/28 Javascript
代码解析React中setState同步和异步问题
2021/06/03 Javascript