BootStrap 超链接变按钮的实现方法

更新时间：2016年09月25日 14:36:08 投稿：mrr

这篇文章主要介绍了BootStrap 超链接变按钮的实现方法以及js按钮bootstrap超链接的操作方法，本文介绍的非常详细，具有参考借鉴价值，感兴趣的朋友一起看看吧

这里写图片描述

<a href="#"> xuhaitao </a>

上面代码效果如下：

btn btn-default ：变成一个按钮样子

btn-lg : 大号的按钮

btn-block : 按钮填充整个宽度

这里写图片描述

JS按钮(bootstrap)超链接

html代码：

button是bootstrap样式，请先加入bootstrap.min.css和jquery-1.11.1.min.js

<a href="#" id="DownLoadAudio" target="_blank"></a>
<button id="Submit6" class="btn btn-sm btn-success" type="button" onclick="openWin(@item.UserID,@item.AudioID)">
<i class="glyphicon glyphicon-download-alt"></i>下载</button>

javascript代码：

<script type="text/javascript">
function openWin(userid, audioid) {
var obj = document.getElementById("DownLoadAudio");
obj.href = data.state;
obj.click();
}
</script>

以上所述是小编给大家介绍的BootStrap 超链接变按钮的实现方法,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

您可能感兴趣的文章:

不使用浏览器运行javascript代码的方法
用js写一段小程序，但是又觉得使用浏览器去运行挺麻烦的，下面为大家介绍下如何使用java程序调用javascript程序，有类似需求的朋友可以参考下哈，希望对大家有所帮助
2013-07-07
JavaScript数组去重的几种方法详谈
这篇文章给大家总结下JavaScript数组去重的几种方法，面试中也经常会遇到这个问题。文中给大家引申的还有合并数组并去重的方法，感兴趣的朋友跟随脚本之家小编一起学习吧
2021-10-10
PHP 与 js的通信（via ajax,json）
一定要设置xmlHttp.setRequestHeader，否则传往PHP的参数会变成null（line 38）
2010-11-11
js模仿java的Map集合详解
这篇文章主要介绍了js模仿java的Map集合的相关资料，Java中某些最常用的集合类是List和Map，感兴趣的小伙伴们可以了解一下
2016-01-01
全面解析JavaScript中offsetLeft、offsetTop的用法
本文主要介绍了全面解析JavaScript中offsetLeft、offsetTop的用法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2023-04-04
JavaScript输出当前时间Unix时间戳的方法
这篇文章主要介绍了JavaScript输出当前时间Unix时间戳的方法,涉及javascript中Date及getTime等函数操作时间的使用技巧,需要的朋友可以参考下
2015-04-04
ie6下png图片背景不透明的解决办法使用js实现
我们时常在使用png图片的时候，在ie6下发生背景不透明的问题，解决的方法实在是太多了，下面给大家介绍下一个js解决的方式，感兴趣的朋友可以了解下的
2013-01-01
JavaScript实现旋转木马轮播图
这篇文章主要为大家详细介绍了JavaScript实现旋转木马轮播图，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-03-03
JavaScript中判断数据类型的方法总结
这篇文章主要为大家详细介绍了一些JavaScript中判断数据类型的方法，文中的示例代码讲解详细，具有一定的学习价值，需要的小伙伴可以了解一下
2023-07-07
layer.confirm点击第一个按钮关闭弹出框的方法
今天小编就为大家分享一篇layer.confirm点击第一个按钮关闭弹出框的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2019-09-09