tp5 iframe下载文件问题记录

背景：

最近在二开一个项目，需要下载模板的需求。

开始：

不知怎么的最后还是用了网上的一个方案就是用iframe 给src赋值就行了。

我是用了这个，后来发现个问题，就是请求完一次以后，地址栏就开始有undefined的东西，然后刷新页面就会提示页面出错，所以就必须在src赋值以后，地址栏要恢复原来的地址。

我后来去看了下控制台console，谁知报Uncaught TypeError: Cannot read property 'url' of null。我后来试了下，该个不存在的地址，它首先会报404，然后接着报上面提到的那个错误，所以我猜，应该就是加入这个地址不是一个有用的页面，就应该会报这个错误。然后我就用了个setTimeout 1s以后再讲地址栏恢复。

具体代码如下

<iframe src="" height="0" width="0"></iframe>

<script type="text/javascript">

    $('iframe').attr('src','./');
    $('.getmodel').click(function(){
        var shopId = $("[name='shop_id']").val();
        if(shopId==34){
            var path = './model1ext.xls';
        }else{
            var path = './model1.xls';
        }
        setTimeout(function(){
            top.location.href='http://yao.ktvit.cn/admin#?area=/miner/store/excel_in/shop_id/{$shop_id}';
        },1000);//这个请求 成功以后就可以恢复父页的链接，请求文件大小和请求成功时间没有关系
    })
</script>

因为我试了下0s的时候，这个下载完以后，地址栏不会恢复，会将一个错误的地址遗留在地址栏那里。所以就弄了1s。具体这当中的原因我也不清楚，希望有兴趣的学者，可以留下评论与我一起探讨。