js自定义方法通过隐藏iframe实现文件下载

 更新时间:2013年02月21日 14:38:01   作者:  
通过隐藏iframe实现文件下载,不可思议吧,但确实是可以实现的,不懂的看下代码,或许可以帮助到你,而且此功能是用js实现的,感兴趣的你可不要错过了哈
通过隐藏iframe实现文件下载的js方法
复制代码 代码如下:

<script>
function download()
{
//下载文件的地址
var url="http://music.baidu.com/data/music/file?link=http://zhangmenshiting.baidu.com/data2/music/13618994/13618995183600128.mp3?xcode=48d4a720fcd9a974586066d0145f7207";
document.getElementById("ifile").src=url;
}
</script>
<a href="#" onclick="download()">download</a>
<iframe id="ifile" style="display:none"></iframe>

相关文章

  • javascript 正则替换 replace(regExp, function)用法

    javascript 正则替换 replace(regExp, function)用法

    刚在弄网页通过servlet返回的json数据来添加div元素,简单研究了下replace(regExp, function)方式的function参数.
    2010-05-05
  • JS中的reduce()方法使用小结

    JS中的reduce()方法使用小结

    这篇文章主要介绍了JS中的reduce()方法使用小结,文章通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2021-08-08
  • 推荐三款日期选择插件(My97DatePicker、jquery.datepicker、Mobiscroll)

    推荐三款日期选择插件(My97DatePicker、jquery.datepicker、Mobiscroll)

    这篇文章主要介绍了推荐三款日期选择插件,My97DatePicker、用于PC端的jquery.datepicker,以及专注于移动端的Mobiscroll,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-04-04
  • JavaScript键盘事件响应顺序详解

    JavaScript键盘事件响应顺序详解

    这篇文章主要为大家详细介绍了JavaScript键盘事件响应顺序,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-09-09
  • JS实现单例模式的N种方案

    JS实现单例模式的N种方案

    JS实现单例模式的多种方案 ,本文稍加总结,列出了6种方式与大家分享,大体上将内容分为了ES5(Function)与ES6(Class)实现两种部分,对js单例模式相关知识感兴趣的朋友跟随小编一起看看吧
    2022-09-09
  • 小程序实现侧滑删除功能

    小程序实现侧滑删除功能

    这篇文章主要为大家详细介绍了小程序实现侧滑删除功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-06-06
  • 用js通过url传参把数据从一个页面传到另一个页面

    用js通过url传参把数据从一个页面传到另一个页面

    如果是传到新页面的话,你网站基于什么语言开发直接用get或者post获取,然后输出到这个层
    2014-09-09
  • 浅析JavaScript作用域链、执行上下文与闭包

    浅析JavaScript作用域链、执行上下文与闭包

    JavaScript 采用词法作用域(lexical scoping),函数执行依赖的变量作用域是由函数定义的时候决定,而不是函数执行的时候决定,通过本文给大家介绍JavaScript作用域链、执行上下文与闭包相关知识,感兴趣的朋友一起学习吧
    2016-02-02
  • 简单了解Ajax表单序列化的实现方法

    简单了解Ajax表单序列化的实现方法

    这篇文章主要介绍了简单了解Ajax表单序列化的实现方法,随着Ajax的出现,表单序列化已经成为一种需求,在学习原生Ajax时,若用POST方法向后台提交数据时,就需要将表单序列化,需要的朋友可以参考下
    2019-06-06
  • JavaScript AJAX之惰性载入函数

    JavaScript AJAX之惰性载入函数

    这篇文章主要介绍了JavaScript AJAX之惰性载入函数,惰性载入表示函数执行的分支仅会发生1次,是种JS的优化技巧,需要的朋友可以参考下
    2014-08-08

最新评论