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 超链接变按钮的实现方法,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
这篇文章主要介绍了JS实现黑色大气的二级导航菜单效果,具有延迟响应鼠标事件显示切换效果的功能,非常简单实用,需要的朋友可以参考下2015-09-09
设置jsf的选择框h:selectOneMenu为不可编辑状态的方法
本文为大家详细介绍下如何设置jsf的选择框h:selectOneMenu为不可编辑状态，具体实现代码如下，希望对大家有所帮助2014-01-01
这篇文章主要介绍了纯JS开发baguetteBox.js响应式画廊插件,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-06-06
项目过程中经常会遇到 JS 数组合并的情况,时常为这个纠结,这里整理一下,下面这篇文章主要给大家介绍了关于JavaScript数组合并的8种常见方法,需要的朋友可以参考下2022-11-11
今天小编就为大家分享一篇layui自己添加图片按钮并点击跳转页面的例子，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
layer子层给父层页面元素赋值,以达到向父层页面传值的效果实例
下面小编就为大家带来一篇layer子层给父层页面元素赋值,以达到向父层页面传值的效果实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-09-09
这篇文章主要介绍了JS简单实现获取元素的封装操作,结合实例形式分析了JS针对页面ID、class、TAG元素获取的函数与对象封装操作实现方法,需要的朋友可以参考下2017-04-04
then()方法用于指定当前实例状态发生改变时的回调函数。它返回一个新的Promise实例。下面这篇文章主要给大家介绍了关于JS中Promise函数then的相关资料，需要的朋友可以参考借鉴，下面来一起看看吧2018-07-07
这篇文章主要分享了一些javascript下拉框选项单击事件的例子，以及在例子中遇到的问题的解决方法，十分实用，推荐给小伙伴们参考下。2015-03-03
gameboy网页闯关游戏(riddle webgame)--仿微信聊天的前端页面设计和难点
本文讲如何在网页端实现一个仿微信的聊天窗口界面, 以及其中涉及到的一些技术点. 对gameboy闯关游戏相关知识感兴趣的朋友参考下2016-02-02
最新评论