关于ie中使用a标签无法打开（预览）pdf问题

html代码：

<button id="cLink">pdf查看</button>
<a target='_blank' href="#" id="jumpUrl"><span id="jumpClick" ></span></a>

js代码：

$(function(){$('#cLink').click(function(){$('#jumpUrl').attr('href',"/xxxx.pdf");$('#jumpClick')[0].click();});});

实现方法：使用点击事件模拟a标签被点击；

使用button样式自定义，在button里写文案，a标签内容为空，样式无需控制；
对button设置点击事件，然后将链接设置到a标签上；
使用事件对a进行模拟点击，实际是点击a标签内的元素来触发；

提示：

$("#id")这是jquery获取通过juqery包装后的对象；

而$("#id")[0]是获取js原生的dom对象；

小打小闹，欢迎指正！

关于ie中使用a标签无法打开（预览）pdf问题相关推荐

IOS 打开预览pdf、ppt、excel、word、tet、rtf、csv格式的文件，微信文件分享
前言:打开预览pdf.ppt.excel.word.tet.rtf.csv格式的文件有两种一方,一种是利用 UIWebView或者WKWebView 来直接打开,另一种就是利用 QLPreviewCo ...
uniapp 小程序打开预览pdf文件
微信公众平台 => 开发管理 => 开发设置 =>业务域名注意:配置为业务域名后,可调用web-view组件在小程序中打开注意:需要区分是安卓还是ios,ios可以直接使用web ...
chrome浏览器在线打开预览pdf文件，而不是下载文件。
Content-Type: application/pdf Content-Disposition: inline; filename="pdf-file1.pdf" 关键有2个点 ...
H5打开预览PDF,PPT等文件
实现代码: pdfUrl 写你的文件路径 <iframe :src="'//www.xdocin.com/xdoc?_func=to&_format=html&_cac ...
Chrome 正在测试标签页的预览功能
尽管 Microsoft Edge 的市场份额不大,但 Edge 的一些特色功能很是实用,像是标签页的预览功能.而Google 似乎也在为 Chrome 添加类似的标签页预览功能. 在处理多个标签页时 ...
VUE预览PDF文件并利用pdf.js获取鼠标选中的文字和搜索，在iframe中获取选中文字，监听鼠标事件，右键菜单
一.VUE预览PDF文件并利用pdf.js获取鼠标选中的文字和搜索需求实现:vue实现预览pdf文件,获取到鼠标选中的文字数据.调用pdf.js自带的搜索方法实现搜索功能(后期可以调用该接口满足其他 ...
电脑摄像头未能创建连接服务器,Win7中摄像头提示未能创建视频预览错误怎么办...
最近有不少用户在我们网站上提问说他们在打开摄像头的时候,就会遇到打开摄像头的时候提示"未能创建视频预览,请检查设备连接"的问题,这是怎么回事呢,出现这样的原因的话有可能是电脑中毒了 ...
html中在线预览pdf文件之pdf在线预览插件
html中在线预览pdf文件之pdf在线预览插件最近遇到一个需求,要在html页面查看pdf生成的pdf文件! 翻来覆去找到两种办法 ,最后采用了jquery.media.js插件方式一将pdf ...
html做在线预览pdf文件,html中在线预览pdf文件之pdf在线预览插件
html中在线预览pdf文件之pdf在线预览插件最近遇到一个需求,要在html页面查看pdf生成的pdf文件! 翻来覆去找到两种办法 ,最后采用了jquery.media.js插件方式一将pdf ...
Vue中使用pdfJs预览PDF、图片
Vue中使用pdfJs预览PDF.图片 pdf.js是一个使用HTML5构建的可移植文档格式库.它可以帮助我们在浏览器中构建pdf文档,实现在线查看pdf文件的功能. 实现步骤如下: 1.下载pdfJ ...

关于ie中使用a标签无法打开（预览）pdf问题

关于ie中使用a标签无法打开（预览）pdf问题相关推荐

最新文章

热门文章