欢迎来到代码驿站!

JavaScript代码

当前位置:首页 > 网页前端 > JavaScript代码

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

时间:2020-10-24 11:36:11|栏目:JavaScript代码|点击:

这里写图片描述

这里写图片描述

<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>

上一篇:浅谈ES6新增的数组方法和对象

栏    目:JavaScript代码

下一篇:微信公众号-获取用户信息(网页授权获取)实现步骤

本文标题:BootStrap 超链接变按钮的实现方法

本文地址:http://www.codeinn.net/misctech/15227.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有