js按钮(bootstrap)超链接

html代码：

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

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

javascript代码：

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

时间： 2024-11-05 11:39:50

js按钮(bootstrap)超链接的相关文章

HTML篇之CSS样式：<button></button>按钮变成超链接<a></a>的样式

原文:http://blog.csdn.net/qq_16769857/article/details/52055349 [html] view plain copy print? <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="

JS组件Bootstrap实现弹出框和提示框效果代码

JS组件Bootstrap实现弹出框和提示框效果代码作者:懒得安分字体:[增加减小] 类型:转载时间:2015-12-08我要评论这篇文章主要介绍了JS组件Bootstrap实现弹出框和提示框效果代码,对弹出框和提示框感兴趣的小伙伴们可以参考一下前言:对于Web开发人员,弹出框和提示框的使用肯定不会陌生,比如常见的表格新增和编辑功能,一般常见的主要有两种处理方式:行内编辑和弹出框编辑.在增加用户体验方面,弹出框和提示框起着重要的作用,如果你的系统有一个友好的弹出提示框,自然能给用户

基于 React.js + Redux + Bootstrap 的 Ruby China 示例

最近在学习前端的各大流行框架, 主要学习了 Vue.js 和 React.js, 前段时间用 Vue.js + uikit 实现了 V2EX 的克隆版本, 最近又用 React.js + redux + bootstrap 实现了 RubyChina 的克隆版本, 两个项目都支持响应式布局. 不得不说这是学习新知识的一个有效途径. 这两个项目都比较合适学习 Vue.js 和 React.js 的朋友参考. Vue.js + V2EX 项目代码地址: https://github.com/liu

JS按钮控制内容左右滚动

运行效果如下: 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JS按钮控制内容左右滚动</title> <style> *{ padding: 0; margin: 0;} li{ list-style: none;} .clearfix{ *zoom:1;} .clearfix

相当于发送按钮的超链接

<html><head><title>相当于发送按钮的超链接</title></head><body><form name="form1" method="post" action="http://www.balijieji.com">姓名:<input type="text" name="name"><a

js按钮确认删除提示以及js的三种弹出框简单介绍

js按钮确认删除提示第一种方法: html代码: 1 <a href="" οnclick="javascript:return del();">删除</a> js代码: 1 function del() { 2 var msg = "您真的确定要删除吗?\n\n请确认!"; 3 if (confirm(msg)==true){ 4 return true; 5 }else{ 6 return false; 7 } 8

js 重写 bootstrap 样式 alert/confirm 消息窗口

相信很多人都受够了 alert.confirm 的样子,最近正在用 bootstrap 做项目,顺便封装了一个 bootstrap 样式的消息框. 实现起来很简单,bootstrap 本身就自带了 modal 模态框,样子还不错 :)就把它封装一下用吧. 无码无真相,少说多做,上代码. 项目是Asp.net Mvc架构的,方便全局调用,我直接在全局 Layout 页面加上以下HTML:  <div id="ycf-alert

JS/JQuery 禁用超链接a

JS // 禁用超链接元素elem ; document.getElementById(elemID).setAttribute('disabled', 'disabled'); // 启用超链接元素elem document.getElementById(elemID).removeAttribute('disabled'); JQuery // 禁用超链接元素elem $(elem).attr('disabled', 'disabled'); // 启用超链接元素elem $(elem).r

JS 按钮下一步下拉菜单内容转换

下一步按钮用到的知识点点击事件 onclick 移除属性 removeAttribute 创建属性 setAttribute 源代码 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 <input id="aaa&qu