JavaScript脚本快速下载英文单词语音资源

假如我们要下载某个英文单词的百度翻译提供的语音,但是右键又捕获不到语音资源的超链接

JavaScript脚本快速下载英文单词语音资源

F12调出浏览器控制台,分析资源的DOM特点

JavaScript脚本快速下载英文单词语音资源

其中url对应的值为我们需要的语音资源,而且a标签的class值 op_dict3_how_read 是非常具有标识性的

所以可以通过下面的代码,利用js操作DOM的便利性获取url值

document.getElementsByClassName("op_dict3_how_read")[0].getAttribute('url')

下面为完整的js代码,加入了调用浏览器下载功能的代码,回车即可运行

function download(src) {
        var $a = document.createElement('a');
        $a.setAttribute("href", src);
        $a.setAttribute("download", "");
 
        var evObj = document.createEvent('MouseEvents');
        evObj.initMouseEvent( 'click', true, true, window, 0, 0, 0, 0, 0, false, false, true, false, 0, null);
        $a.dispatchEvent(evObj);
    };
var src = document.getElementsByClassName("op_dict3_how_read")[0].getAttribute('url');
download(src);
JavaScript脚本快速下载英文单词语音资源

原创文章,作者:witersen,如若转载,请注明出处:https://www.witersen.com

(0)
witersen的头像witersen
上一篇 2020年9月25日 上午12:22
下一篇 2020年9月28日 下午10:31

相关推荐

  • 从Vue赋值问题到JavaScript深拷贝

    最近做Vue的项目发现这样的现象:对象间进行赋值操作后,原对象数据会随赋值后的对象数据值的变化而变化。如图一图二所示: 上图的代码实现逻辑是,点击编辑,将A对象(表格数据)的值赋值…

    2021年1月28日
    2.0K0

发表回复

登录后才能评论