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中的对象和数组的应用技巧
Jan 07 Javascript
jquery网页元素拖拽插件效果及实现
Aug 05 Javascript
jQuery.parseJSON(json)将JSON字符串转换成js对象
Jul 27 Javascript
node爬取微博的数据的简单封装库nodeweibo使用指南
Jan 02 Javascript
Active控件问题小结(附解决办法)
Jun 09 Javascript
微信小程序 五星评价功能的实现
Mar 09 Javascript
JavaScript事件发布/订阅模式原理与用法分析
Aug 21 Javascript
js+HTML5 canvas 实现简单的加载条(进度条)功能示例
Jul 16 Javascript
jQuery实现提交表单时不提交隐藏div中input的方法
Oct 08 jQuery
vue实现路由不变的情况下,刷新页面操作示例
Feb 02 Javascript
Vue 事件的$event参数=事件的值案例
Jan 29 Vue.js
一篇文章了解正则表达式的替换技巧
Feb 24 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 数组教程 定义数组
2009/10/23 PHP
PHP多个版本的分析解释
2011/07/21 PHP
将word转化为swf 如同百度文库般阅读实现思路及代码
2013/08/09 PHP
PHP防范SQL注入的具体方法详解(测试通过)
2014/05/09 PHP
PHP 模拟登陆功能实例详解
2019/09/10 PHP
javascript各浏览器中option元素的表现差异
2011/04/07 Javascript
javascript正则匹配汉字、数字、字母、下划线
2014/04/10 Javascript
JavaScript实现的in_array函数
2014/08/27 Javascript
AngularJS + Node.js + MongoDB开发的基于高德地图位置的通讯录
2015/01/02 Javascript
JavaScript计算两个日期时间段内日期的方法
2015/03/16 Javascript
jQuery实现带有洗牌效果的动画分页实例
2015/08/31 Javascript
学习JavaScript设计模式之观察者模式
2020/04/22 Javascript
JS实现的跨浏览器解析XML文件实例
2016/06/21 Javascript
Vue.js每天必学之指令系统与自定义指令
2016/09/07 Javascript
利用jquery实现实时更新歌词的方法
2017/01/06 Javascript
jQuery基于Ajax方式提交表单功能示例
2017/02/10 Javascript
深入理解vue路由的使用
2017/03/24 Javascript
微信小程序--组件(swiper)详细介绍
2017/06/13 Javascript
JS中的三个循环小结
2017/06/20 Javascript
AngularJs分页插件使用详解
2018/06/30 Javascript
vue中子组件的methods中获取到props中的值方法
2018/08/27 Javascript
详解微信小程序获取当前时间及日期的方法
2019/04/28 Javascript
layUI实现三级导航菜单效果
2019/07/26 Javascript
小程序实现层叠卡片滑动效果
2019/08/26 Javascript
JS制作简易计算器的实例代码
2020/07/04 Javascript
[01:06:30]DOTA2-DPC中国联赛定级赛 Phoenix vs DLG BO3第二场 1月9日
2021/03/11 DOTA
python以环状形式组合排列图片并输出的方法
2015/03/17 Python
Python返回真假值(True or False)小技巧
2015/04/10 Python
总结网络IO模型与select模型的Python实例讲解
2016/06/27 Python
pandas DataFrame创建方法的方式
2019/08/02 Python
CSS3教程(3):border-color网页边框色彩
2009/04/02 HTML / CSS
HTML5和CSS3让网页设计提升到下一个高度
2009/08/14 HTML / CSS
生产车间主管岗位职责
2013/12/28 职场文书
管理失职检讨书
2014/02/12 职场文书
《刺客之王:C罗全景传记》:时代从来不会亏待手艺人
2019/11/28 职场文书
Linux安装Docker详细教程
2022/07/07 Servers