js控制a标签点击事件触发下载

问题背景，动态获取data把url赋值到a标签的url中，让a标签自动下载

首先想到的应该是$('xxx').click(),

查资料明白：js中的$(...).click()事件只能触发绑定的onClick方法，不能跳转到href。

第二种方法：获取到url之后location.href="url" 文件正常下载，刷新当前页面，mp3之类的打开mp3 不可取

第三种方法：window.open(url) 文件正常下载，打开新页面下载，获取到下载页面之后回到当前页不刷新当前页，mp3之类的文件打开新页面播放mp3 不可取

解决方法

$('xxx')[0].click()

因为a标签的href属性是在他dom中的0里面，需要点击那个0才能实现，而数字型的属性名不能用“.”来获取，故写成[0]。

转载于:https://www.cnblogs.com/iwen1992/p/10727747.html

js控制a标签点击事件触发下载相关推荐

点击a标签触发点击事件后下载文件
a标签 <a></a> a标签下载文件 <a download="filename" id="a_downloadPdf" hre ...
关于a标签的点击事件触发无效的问题
Write By Monkeyfly 以下内容均为原创,如需转载请注明出处. 前提项目为:xxxx管理系统.在该系统中,可以通过点击左侧的菜单(导航栏)来实现右边内容的切换.而且内容区的页面都是嵌套 ...
ajax点击事件触发后台,使用jquery点击事件触发AJAX
我有两个下拉菜单,其中一个我试图用jquery替换单选按钮.第二个盒子通过AJAX进行更新,每次用户在第一个下拉菜单中进行选择时都会有新选项.我已经成功生成单选按钮,可以更改第一个下拉列表的值,但是当 ...
js模拟form表单提交数据, js模拟a标签点击跳转，避开使用window.open引起来的浏览器阻止问题...
js模拟form表单提交数据, js模拟a标签点击跳转,避开使用window.open引起来的浏览器阻止问题 js模拟form表单提交数据源码: /** * js模拟form表单提交 * @param ...
关于js中无法绑定点击事件
在js文件中添加点击事件失败,但是HTML中onclick就能成功. 解决办法:将js的引用的script标签放到</body>的后面.这样在页面渲染之后再执行js代码.
css、js控制html标签的属性和内容
css.html <!DOCTYPE html> <html> <head><title>js控制html标签的属性和内容</title>& ...
移动端Vue项目a标签点击事件无效
移动端Vue项目a标签点击事件无效近期项目出现了部分机型点击无效的现象,后来定位到原来是a标签的问题,将a标签更换为div标签,加宽加高点击范围,就可以解决这个问题. // a标签点击事件不生效 & ...
vue中a标签点击事件效果不理想
如果你发现在vue项目中给a标签加点击事件,然后在methods的事件处理函数中程序达不到预期的效果,比如该出的弹窗没有出来,考虑给点击事件加个prevent修饰符试试.prevent修饰符,本质上是 ...
jquery 触发a标签点击事件，弹出页面
<a id="alink" href="abc.aspx" style="visibility: hidden;">下一步< ...

js控制a标签点击事件触发下载

js控制a标签点击事件触发下载相关推荐

最新文章

热门文章

js控制a标签点击事件 触发下载

js控制a标签点击事件 触发下载相关推荐

最新文章

热门文章

js控制a标签点击事件触发下载

js控制a标签点击事件触发下载相关推荐