通过隐藏iframe实现文件下载的js方法介绍

2015-02-02  来源:本站原创  分类:javascript技巧  人气:1 

本篇文章主要是对通过隐藏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>
相关文章
  • 通过隐藏iframe实现文件下载的js方法介绍 2015-02-02

    本篇文章主要是对通过隐藏iframe实现文件下载的js方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 通过隐藏iframe实现文件下载的js方法介绍 <script> function download() { //下载文件的地址 var url="http://music.baidu.com/data/music/file?link=http://zhangmenshiting.baidu.com/data2/music/13618994/13618995183600

  • js自定义方法通过隐藏iframe实现文件下载 2015-01-16

    通过隐藏iframe实现文件下载,不可思议吧,但确实是可以实现的,不懂的看下代码,或许可以帮助到你,而且此功能是用js实现的,感兴趣的你可不要错过了哈 通过隐藏iframe实现文件下载的js方法 <script> function download() { //下载文件的地址 var url="http://music.baidu.com/data/music/file?link=http://zhangmenshiting.baidu.com/data2/music/1361899

  • js实现iframe自动自适应高度的方法 2013-12-09

    这篇文章主要介绍了js实现iframe自动自适应高度的方法,涉及javascript操作iframe框架的技巧,非常具有实用价值,需要的朋友可以参考下 本文实例讲述了js实现iframe自动自适应高度的方法.分享给大家供大家参考.具体如下: 在编写网页的时候,很多时候要用到自动伸缩iframe高度 ,假如ifram中嵌入的是一个列表,那么增加数据后,刷新列表,iframe高度会自动伸长.删除数据后,iframe高度要自动缩短. 将下一段代码拷贝到iframe所在那个html或者jsp页面.在</

  • JS获取iframe中longdesc属性的方法 2014-02-01

    这篇文章主要介绍了JS获取iframe中longdesc属性的方法,实例分析了longdesc属性的功能及相关的获取技巧,具有一定参考借鉴价值,需要的朋友可以参考下 本文实例讲述了JS获取iframe中longdesc属性的方法.分享给大家供大家参考.具体如下: longdesc 属性指向一个包含描述信息的页面. <!DOCTYPE html> <html> <body> <iframe id="myframe" src="/defa

  • JS修改iframe页面背景颜色的方法 2014-04-10

    这篇文章主要介绍了JS修改iframe页面背景颜色的方法,涉及javascript操作iframe页面样式的技巧,具有一定参考借鉴价值,需要的朋友可以参考下 本文实例讲述了JS修改iframe页面背景颜色的方法.分享给大家供大家参考.具体如下: 下面的代码演示了如何在网页里通过JS代码修改嵌入的iframe的网页背景颜色 <!DOCTYPE html> <html> <head> <script> function changeStyle() { var x

  • js中iframe调用父页面的方法 2014-08-20

    这篇文章主要介绍了js中iframe调用父页面的方法,可通过window.parent.方法()来实现,非常具有实用价值,需要的朋友可以参考下 本文实例讲述了js中iframe调用父页面的方法.分享给大家供大家参考.具体实现方法如下: 子页面调用父页面的方法在js中很容易实现.我们只需要在主页面加个函数,然后在子页面通过window.parent.方法()即可实现了 比如调用a()函数,就写成: window.parent.a(); 但是我在chrome浏览器下却发现此方法无效了 复制代码 代码

  • JS动态修改iframe高度和宽度的方法 2014-09-19

    这篇文章主要介绍了JS动态修改iframe高度和宽度的方法,实例分析了javascript操作iframe属性的技巧,非常具有实用价值,需要的朋友可以参考下 本文实例讲述了JS动态修改iframe高度和宽度的方法.分享给大家供大家参考.具体如下: 如果希望通过按钮动态修改iframe的高度和宽度,可以参考下面的JS代码 <!DOCTYPE html> <html> <head> <script> function changeSize() { documen

  • Ajax方式提交带文件上传的表单及隐藏iframe应用 2014-08-05

    一般的表单都是通过ajax方式提交,所以碰到带文件上传的表单就比较麻烦,基本原理就是在页面增加一个隐藏iframe,然后通过ajax提交除文件之外的表单数据,感兴趣的你不妨了解一下,或许本文对你有所帮助 一般的表单都是通过ajax方式提交,所以碰到带文件上传的表单就比较麻烦.基本原理就是在页面增加一个隐藏iframe,然后通过ajax提交除文件之外的表单数据,在表单数据提交成功之后的回调函数中,通过form单独提交文件,而这个提交文件的form的target就指向前述隐藏的iframe. htm

  • iframe自适应高度的多种方法方法小结 2014-09-22

    对于自适应高度的代码有很多,可效率什么的考虑进来好代码就不多见了,不过思路倒是差不多的 不带边框的iframe因为能和网页无缝的结合从而不刷新页面的情况下更新页面的部分数据成为可能,可是 iframe的大小却不像层那样可以"伸缩自如",所以带来了使用上的麻烦,给iframe设置高度的时候多了也不好,少了更是不行,现在,让我来告诉大 家一种iframe动态调整高度的方法,主要是以下JS函数: 第一种方法:代码简单,兼容性还可以,大家可以先测试下. function SetWinHeigh

  • 隐藏X-Space个人空间下方版权方法隐藏X-Space个人空间标题隐藏X-Space个人空间管理版权方法 2014-01-02

    版权可以在css中设置隐藏. 由于文件被ZEND所以不能删除,也不建议删除. 1.隐藏X-Space个人空间下方版权方法 修改/css/space.css找到以下代码: /*页脚*/ #xspace-footer { text-align : center; margin: 1em 0 0 0; } #xspace-footer p { margin: 0.3em 0; } #xspace-copyright { font: 10px Verdana, Arial, Helvetica, san

  • jquery得到iframe src属性值的方法 2014-03-01

    这篇文章主要介绍了jquery得到iframe src属性值的方法,很简单,很实用,需要的朋友可以参考下 取得iframe src属性的的值: Html代码 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jquery</title>

  • 在父页面调用子页面的JS方法 2014-06-02

    这篇文章介绍了在父页面调用子页面的JS方法,有需要的朋友可以参考一下 今天弄了一天了,终于在网上找到了解决办法 注意:问题是在父页面调用子页面的方法..... 父页面:parent.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xm

  • 微信中一些常用的js方法汇总 2014-06-11

    本文给大家汇总了一下在我们日常开发微信项目的过程中,经常需要用到的一些js方法,都是些使用频率很高,而且非常简单的方法,这里推荐给大家. 1.网页图片集左右滑动查看图片,如下样例: js效果 var pictures = []; angular.forEach(pitctures,function(k,i){ pictures[i] = k.imgPath; }); $scope.previewPics = function(currentUrl){ if (typeof window.Weix

  • JS子父窗口互相操作取值赋值的方法介绍 2015-04-12

    JS子父窗口互相操作取值赋值的方法介绍,需要的朋友可以参考一下 $("#父窗口元素ID",window.parent.document); 对应javascript版本为window.parent.document.getElementByIdx_x("父窗口元素ID"): 取父窗口的元素方法:$(selector, window.parent.document); 那么你取父窗口的父窗口的元素就可以用:$(selector, window.parent.paren

  • 重写.隐藏基类(new, override)的方法 2013-10-12

    重写.隐藏基类(new, override)的方法,需要的朋友可以参考一下 public class Father { public void Write() { Console.WriteLine("父"); } } public class Mother { public virtual void Write() { Console.WriteLine("母"); } } public class Boy : Father { public new void W

  • 用于deeplink的js方法(判断手机是否安装app) 2013-10-19

    这篇文章主要介绍了用于deeplink的js方法(判断手机是否安装app),需要的朋友可以参考下 代码功能: 判断手机/平板是否安装app 如果安装 则调用app的scheme,传入url当作参数,来做后续操作 如果没有安装 则跳转到app store/google play 下载app (function() { var openUrl = window.location.search; try{ openUrl = openUrl.substring(1,openUrl.length); }

  • 三种动态加载js的jquery实例代码另附去除js方法 2013-11-15

    这篇文章主要介绍了三种动态加载js的jquery实例代码另附去除js方法,需要的朋友可以参考下 !-- 这里为你提供了三种动态加载js的jquery实例代码哦,由于jquery是为用户提供方便的,所以利用jquery动态加载文件只要一句话$.getscript("test.js");就ok了. <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.o

  • JSON序列化与解析原生JS方法且IE6和chrome测试通过 2013-12-27

    JSON序列化与解析本文通过原生JS方法实现,IE6和chrome下均测试通过,喜欢的朋友可以尝试操作下 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"

  • 在服务端(Page.Write)调用自定义的JS方法详解 2014-03-18

    自从[javascript]自定义MessageBox一文发布以后,很多网友都来信询问,如何在服务端调用ShowInfo方法,周末休息想了个折中的办法来实现 首先,我们应该可以先明确,为什么我们用Page.Write把自定义的JS方法输出到页面上为什么IE不能识别,会出现"XXX未定义"的错误.原因很简单,因为我们用Page.Write输出的脚本是出现在页面的最顶端.IE读到是javascript函数的时候,就开始执行,但是此时我们link的js文件并未被IE读入,所以IE无法识别我们

  • 让浏览器DOM元素最后加载的js方法 2014-08-26

    让浏览器DOM元素最后加载的方法有很多,本例为大家介绍下,通过js如何实现 让浏览器DOM元素最后加载的js方法 window.onload = =function() { a(); b(); } 就在界面所有元素加载完后,执行a()方法和 b()方法,防止在界面加载一半就弹出对话框,结果背景是空白的