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

本文介绍了一种使用JavaScript和jQuery模拟a标签点击的方法,通过在button元素上绑定点击事件,动态修改a标签的href属性,并触发其点击行为,实现自定义按钮样式的同时保持链接功能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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标签被点击;

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

提示:

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

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

小打小闹,欢迎指正!

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值