html - 如何使用按钮提示下载 PDF?

标签 html css twitter-bootstrap

<分区>

我一直在使用一个按钮来提示下载 .doc 文件:

<button type="btn02" class="btn02 btn-default centered" onclick="location.href='http://www.website.com/document/registration_form.docx'">Download Now!</button></h4>

CSS

.btn02 {
background-color: #FFF;
outline-color: #000;
display: inline-block;
margin-left:20px;
}

当我用 PDF 替换服务器上的 .doc 文件时(并调整代码 href 以反射(reflect)这一点:

onclick="location.href='http://www.website.com/document/registration_form.pdf'")

...它只在浏览器窗口中打开 PDF,而不是提示查看者下载它...为什么文档格式会改变这个?

有没有办法让浏览器提示下载 PDF?

最佳答案

你可以使用它

<a class="btn02 btn-default centered" onclick="='http://www.website.com/document/registration_form.docx'">Download Now!</a>

关于html - 如何使用按钮提示下载 PDF?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55910121/

上一篇:css - 如何通过CSS改变背景图片的颜色?

下一篇:jquery - 在模式上显示弹出窗口

相关文章:

css - 带对 Angular 线截面 css 的盒子

jquery - 裁剪/隐藏 HTML img 标签而不是变形/拉伸(stretch)它

javascript - jquery 的可调整大小属性不起作用

css - 从 Ruby/Rails 中的变量分配 CSS 类

css - 尝试删除 Bootstrap ,现在无法更改任何 CSS

html - xs(移动)设备的 Bootstrap Carousel 图像大小和放置问题

php - 如何使用 CSS 设置统一划分,其中列和行划分相等

html - 单行带有标签的样式 Bootstrap 主题复选框

javascript - 短信链接不适用于 Android 上的环聊

HTML : Image in same line appearing slightly above text