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


Posted in Javascript onSeptember 25, 2016

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

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

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

上面代码效果如下:

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

btn-lg : 大号的按钮

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

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

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 单引号 传递方法
Jun 22 Javascript
JS控制显示隐藏兼容问题(IE6、IE7、IE8)
Apr 01 Javascript
js控制input输入字符解析
Dec 27 Javascript
JS函数重载的解决方案
May 13 Javascript
javascript实现简单的二级联动
Mar 19 Javascript
浅谈angularJS 作用域
Jul 05 Javascript
Node.js+Express配置入门教程
May 19 Javascript
js验证框架之RealyEasy验证详解
Jun 08 Javascript
node.js基于express使用websocket的方法
Nov 09 Javascript
详解create-react-app 自定义 eslint 配置
Jun 07 Javascript
详解vuejs2.0 select 动态绑定下拉框支持多选
Apr 25 Javascript
vue+vuex+axios从后台获取数据存入vuex,组件之间共享数据操作
Jul 31 Javascript
原生JS实现网络彩票投注效果
Sep 25 #Javascript
JavaScript实现url参数转成json形式
Sep 25 #Javascript
动态JavaScript所造成一些你不知道的危害
Sep 25 #Javascript
jQuery中的AjaxSubmit使用讲解
Sep 25 #Javascript
需要牢记的JavaScript基础知识
Sep 25 #Javascript
分享一个原生的JavaScript拖动方法
Sep 25 #Javascript
HTML中setCapture、releaseCapture 使用方法浅析
Sep 25 #Javascript
You might like
PHP 应用程序的安全 -- 不能违反的四条安全规则
2006/11/26 PHP
php预定义常量
2006/12/25 PHP
PHP+Javascript实现在线拍照功能实例
2015/07/18 PHP
WordPress中给文章添加自定义字段及后台编辑功能区域
2015/12/19 PHP
Zend Framework入门知识点小结
2016/03/19 PHP
Laravel 5.4.36中session没有保存成功问题的解决
2018/02/19 PHP
使用ucenter实现多站点同步登录的讲解
2019/03/21 PHP
Yii框架的布局文件实例分析
2019/09/04 PHP
Javascript 圆角div的实现代码
2009/10/15 Javascript
js获取图片长和宽度的代码
2009/11/24 Javascript
基于jquery的内容循环滚动小模块(仿新浪微博未登录首页滚动微博显示)
2011/03/28 Javascript
jquery的map与get方法详解
2013/11/04 Javascript
JavaScript数组深拷贝和浅拷贝的两种方法
2014/04/16 Javascript
JavaScript实现点击自动选择TextArea文本的方法
2015/07/02 Javascript
浅谈JavaScript中运算符的优先级
2015/07/07 Javascript
基于jquery实现放大镜效果
2015/08/17 Javascript
微信小程序实现的贪吃蛇游戏【附源码下载】
2018/01/03 Javascript
Vue 项目中遇到的跨域问题及解决方法(后台php)
2018/03/28 Javascript
vue如何获取自定义元素属性参数值的方法
2019/05/14 Javascript
js实现无缝滚动双图切换效果
2019/07/09 Javascript
JS实现横向轮播图(中级版)
2020/01/18 Javascript
JS数据类型(基本数据类型、引用数据类型)及堆和栈的区别分析
2020/03/04 Javascript
通过js随机函数Math.random实现乱序
2020/05/19 Javascript
Python3处理HTTP请求的实例
2018/05/10 Python
python 输入一个数n,求n个数求乘或求和的实例
2018/11/13 Python
Python中format()格式输出全解
2019/04/12 Python
解决tensorflow由于未初始化变量而导致的错误问题
2020/01/06 Python
django rest framework serializers序列化实例
2020/05/13 Python
HTML5实现锚点时请使用id取代name
2013/09/06 HTML / CSS
moosejaw旗下的户外商品促销网站:Mountain Steals
2017/02/27 全球购物
实现strstr功能,即在父串中寻找子串首次出现的位置
2016/08/05 面试题
公务员的自我鉴定
2013/10/26 职场文书
投标承诺书范本
2014/03/27 职场文书
2014年招商工作总结
2014/11/22 职场文书
《月光曲》教学反思
2016/02/16 职场文书
三种方式清除vue路由跳转router-link的历史记录
2022/04/10 Vue.js