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

2015-01-16  来源:本站原创  分类:javascript技巧  人气:3 

通过隐藏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>
相关文章
  • 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

  • 通过隐藏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

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

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

  • IE6下js通过css隐藏select的一个bug 2014-10-12

    想起ie6下,臭名昭著的select需要用iframe遮罩的bug,估计和上面的bug根由是一样的 今天遇到一个问题, 当隐藏表格行 Tr 时 $id("tr_" + id + "_1").style.setAttribute('cssText',"display:none;");, 表格行 Tr 里面的 select 在 IE6 中隐藏不了,还是会显示在页面当中.想单独设置 select 的样式为隐藏 $id("new_attpm_i

  • JQuery to access the page with JS or inside the iframe, compatible with IE / FF 2008-06-23

    JQuery to access the page with JS or inside the iframe, compatible with js, or jQuery to access the page that is in the framework of the iframe. Note: The page can not be within the framework of cross-domain! Suppose there are two pages under the sam

  • js防止页面被iframe调用的方法 2014-01-05

    这篇文章主要介绍了js防止页面被iframe调用的方法,可防止页面被别的网站iframe调用,非常具有实用价值,需要的朋友可以参考下 本文实例讲述了js防止页面被iframe调用的方法.分享给大家供大家参考.具体实现方法如下: 一.问题描述: 有时候我们发会现自己的网站页面被别人调用并且一模一样,这个其实就是简单的iframe调用了,下面我来给大家介绍js防止页面iframe调用的方法总结吧,有需要的朋友可参考 二.解决方法: 防止自己的网页被人框架: top.location.href 最上层

  • JS获取并操作iframe中元素的方法 2014-01-25

    JS获取并操作iframe中元素的方法,需要的朋友可以参考一下 JS获取/设置iframe内对象元素.文档的几种方法 1.IE专用(通过frames索引形象定位): document.frames[i].document.getElementById('元素的ID'); 2.IE专用(通过iframe名称形象定位): 复制代码 代码如下: document.frames['iframe的name'].document.getElementById('元素的ID'); 以上方法,不仅对iframe

  • js实现拉伸拖动iframe的具体代码 2014-06-09

    这篇文章介绍了js实现拉伸拖动iframe的具体代码,有需要的朋友可以参考一下 左边iframe放树目录,右边的iframe放index页.拖鼠标同时控制2个iframe的宽高. 期待有人能改进. 操作方法:鼠标指到2个iframe中间,可以水平拖,纵向拖(控制高度) 缺点:CSDN页面放开鼠标后才改大小,不占CPU资源. 这个是实时改大小,所以速度太慢,希望有人来改改.我是不想弄了,反正又没用什么特别的技术. 提示:拖动的秘密就在filter:alpha(opacity=0)这一句 <html

  • js不能获取隐藏的div的宽度只能先显示后获取 2014-06-10

    js不能获取隐藏div的的宽度,现在的办法是先将其显示出来,再获取其宽度,计算位置,下面的示例,大家可以参考下 var tipsWidth = $(".Loading").css("width").replace("px", "") //先获取 var windowWidth = $(window).width(); $(".Loading").css({ "display": &quo

  • JS控制显示隐藏兼容问题(IE6.IE7.IE8) 2014-08-23

    IE6.IE7.IE8 JS控制显示隐藏兼容问题 在IE7中, 使用jQuery 显示:$("#a").attr("style",""); 隐藏:$("#a").attr("style","display:none"); 但是显示这个方法在IE8中不行 IE8 显示:$("#a").removeAttr("style"); 隐藏:$("#

  • js控制容器隐藏出现防止样式变化的两种方法 2015-01-06

    这篇文章主要介绍了js控制容器隐藏出现防止样式变化的两种方法,需要的朋友可以参考下 方法一: document.getElementById("控件ID").style.visibility="hidden"; document.getElementById("控件ID").style.visibility="visible"; 方法二: 复制代码 代码如下: document.getElementById("控件I

  • About js control automatic telescopic iframe problem 2009-04-02

    http://blog.csdn.net/teachy521/archive/2008/12/02/3429102.aspx Through Google search iframe highly adaptive, resulting in more than 5W, search iframe highly adaptive, resulting in more than 2W. I turned in front of dozens of articles, many reprinted

  • JS framework out of iframe 2011-05-14

    Tips TabPanel belonging in layoutOnTabChange: true, this is sure to add the layout of each tab with the fit. Or tab .. grid layout with bordel set region: 'center' JS iframe out of the framework, read the 348 exit JS 2010-10-18 15:31:57 Comments 1 fo

  • js如何设置在iframe框架中指定div不显示 2013-10-27

    在iframe框架中指定div不显示,有多种实现方法,接下来与大家分享下使用js的具体实现,感兴趣的朋友可以参考下 <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>测试</title> <script language="javascript" type="text/javascrip

  • firefox TBODY 用js显示和隐藏时出现错位的解决方法 2014-02-28

    今天帮别人写一个网页,发现:当用javascript动态设置tr.style.display = "block"显示某行时,使用IE浏览没有问题,但使用firefox浏览时该行被移到了其它行的后面,很是诧异. 看下面这个例子: 第一行 第二行 第三行 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 它在firefox中显示时,"第一行"被显示在最后一行. 于是在处理好需要显示的行后,另写了一个函数,先记录需要显示的行,然后将所有行的style.displ

  • js调用图片隐藏&显示实现代码 2015-02-14

    图片隐藏&显示效果,会在很多地方看到,本文使用js实现下,个人感觉还不错,有需要的朋友不妨参考下 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <SCRIPT> var intTimeStep=20; var isIe=(window.ActiveXObject)?true:false; var intAlphaStep=(

  • See a js to ajax to upload using iframe to achieve 2010-04-02

    Connect the original station PHP and AJAX Image Upload Ajax upload now are using iframe to do the transition. The way to achieve: 1.js generated or hidden iframe into the page element. <iframe name='upiframe' onload='getHtml()'> </ iframe> 2.

  • 另类SEO分享:利用JS封装iframe骗过搜索引擎 2013-10-25

    了解一点seo的站长,应该都知道爬虫都不喜欢iframe或frame,因为蜘蛛访问一个网址时所抓取的HTML是调用其他网页的HTML文件的代码,并不包含任何的文字内容,也就是说你这个网页的内容是什么,蜘蛛弄不清楚.有人可能会说搜索引擎的蜘蛛也能跟踪爬取所调用的HTML文件啊.对,是能跟踪爬取,但是跟踪这一部分内容通常不是完整的页面.搜索引擎更不能判断哪部分是主框架哪一部分是被调用的文件.随着搜索技术的发展也不一定永远无法解决这种问题,但是这么多的网站蜘蛛不会因为你一个网站而费那个劲.所以,当你一

  • JS中Iframe之间传值的方法 2014-05-18

    在js中,我们时常用到用iframe做系统框架,在子页面也,父页面之间的值传递是一个问题,下面是js获取父窗体和子窗体的对象js: 1.在iframe子页面中获取父页面的元素: a>window.parent.document这个是获取父页面document中的对象: b>如果要获取父页面js中的方法:window.parent.xxxx():xxxx()为方法: 2.在父页面中获取iframe子页面中的元素: a> var child = document.getElementById

  • 在iframe中隐藏横向滚动条的方法大全 2014-08-18

    在iframe中隐藏横向滚动条.. 删除DM中自动生成的 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 此句代码. body中这样写: <body style=style="overflow-x:hidden;overflow-y:scroll"> 能隐藏IFRAM