BootStrap 超链接变按钮的实现方法_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>

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

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索bootstrap
, 超链接
, 按钮超链接
超链接变成按钮
bootstrap 超链接按钮、bootstrap超链接样式、bootstrap 超链接、bootstrap 表格超链接、bootstrap 超链接 a,以便于您获取更多的相关知识。

时间: 2024-08-03 05:02:16

BootStrap 超链接变按钮的实现方法_javascript技巧的相关文章

bootstrap datepicker限定可选时间范围实现方法_javascript技巧

一.应用场景 实际应用中可能会根据日期字段查询某个日期范围内的数据,则需要对日期选择器可选时间进行限制, 如:开始时间不能大于结束时间,结束时间不能小于开始时间,此时就要为开始日期选择器和结束日期选择器动态的设置startDate和endDate的值. 二.相关知识点 1.bootstrap-datepicker的初始化 引入bootstrap-datepicker.js和bootstrap-datepicker.css bootstrap-datepicker配置参数的了解 2.boostra

BootStrap使用file-input插件上传图片的方法_javascript技巧

最近在写自己的个人网站 ,前端使用的bootstrap框架 ,做到上传图片功能的时候网上找到一个基于bootstrap的图片上传框架 file-input 插件, 这个插件做的非常符合我的审美观,所以简单记录一下这个插件的使用方法 首先根据自己的项目路径引入插件css和js文件 注意locale语言文件在fileinput.min.js文件之后引入 <!-- file input --> <link href="../../css/fileinput.min.css"

Bootstrap模态框调用功能实现方法_javascript技巧

近在做一个项目时需要在页面中嵌入弹出窗口,用来展示表单信息.其实这种弹出窗口有很多jquery插件都可以实现,我这边前端都是用Bootstrap的,正好Bootstrap有模态框这个功能,这下就可以直接拿它实现了. 实现步骤如下: 在前端页面引入bootstrap相关的css和js文件 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.mi

js全选按钮的实现方法_javascript技巧

本文实例讲述了js全选按钮的实现代码.分享给大家供大家参考.具体如下: 运行效果截图如下:   具体代码如下 <html> <head> <title>复选框checked属性</title> <script language="JavaScript" type="text/javascript"> function changeState(isChecked) { var chk_list=documen

JS实现网页表格自动变大缩小的方法_javascript技巧

本文实例讲述了JS实现网页表格自动变大缩小的方法.分享给大家供大家参考.具体分析如下: 这就是一个个性的动态表格效果代码,网页中的表格自动放大或者缩小,不停的变化 主要就是一个强调显示的作用 复制代码 代码如下: <HTML> <HEAD> <TITLE>js会动的表格</TITLE> <META content="text/html; charset=hz-gb-2312" http-equiv=Content-Type>

javascript设置连续两次点击按钮时间间隔的方法_javascript技巧

本文实例讲述了javascript设置连续两次点击按钮时间间隔的方法,分享给大家供大家参考.具体实现方法如下: 很多时候我们在实际应用中,可能并不希望按钮联系被不间断的点击,所以要限定一定的时间间隔才能够再次点击按钮,下面就通过代码实例介绍一下如何实现此功能,代码如下: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="a

JavaScript实现自动消除按钮功能的方法_javascript技巧

本文实例讲述了JavaScript实现自动消除按钮功能的方法.分享给大家供大家参考.具体如下: 这里使用JavaScript自动消除前项显示的内容,在网页特定方位显示内容,第一个按钮可用,但第二个在第一个点击之后就不能用了,如果想让第二个按钮起作用,你需要对其进行功能消除,如本示例代码就实现这样一种功能. 运行效果如下图所示: 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "

学习Bootstrap滚动监听 附调用方法_javascript技巧

本文为大家介绍Bootstrap滚动监听,供大家学习,具体内容如下 滚动监听 伴随着滚动条的滚动,列表项被不断切换激活 <!-- id="menu" 为data-target="#menu" 的监听对象--> <!-- navbar navbar-inner nav navbar-fixed-top 固定导航条 --> <div id="menu" class="navbar navbar-fixed-to

JS监听微信、支付宝等移动app及浏览器的返回、后退、上一页按钮的事件方法_javascript技巧

在实际的应用中,我们常常需要实现在移动app和浏览器中点击返回.后退.上一页等按钮实现自己的关闭页面.调整到指定页面或执行一些其它操作的需求,那在代码中怎样监听当点击微信.支付宝.百度糯米.百度钱包等app的返回按钮或者浏览器的上一页或后退按钮的事件呢. 我相信很多朋友像我一样,在百度.搜狗里面搜索很久都没找到方法. 下面就来告诉大家怎样监听的方法: 首先我们要了解浏览器的history. 大家知道在页面中我们可以使用javascript window history,后退到前面页面,但是由于安