I've been trying to get a file to download when the page loads by doing this:

<div onload="download()"></div>
<a id="dl" style="display: none" 
    href=".swf" 
    download>Download</a>

<script>
function download(){
   document.getElementById('dl').click();
}
</script>

What it's supposed to do is trigger a function when the page loads that "clicks" the hidden download link. However, this method isn't working and I don't know why.

Anybody know why?

I've been trying to get a file to download when the page loads by doing this:

<div onload="download()"></div>
<a id="dl" style="display: none" 
    href="http://www.miniclip./games/base-jumping/en/base_jumping_miniclip.swf" 
    download>Download</a>

<script>
function download(){
   document.getElementById('dl').click();
}
</script>

What it's supposed to do is trigger a function when the page loads that "clicks" the hidden download link. However, this method isn't working and I don't know why.

Anybody know why?

• javascript
• download

Share Improve this question Follow edited Aug 14, 2015 at 19:52 Sarath Chandra 1,8862121 silver badges4040 bronze badges asked Aug 14, 2015 at 18:51 user3777369user3777369 6711 gold badge22 silver badges1010 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 7

<script>
(function download() {
    document.getElementById('dl').click();
})()
</script>

This will execute your function right after instantiation.

<script>
window.location.href = 'http://www.miniclip./games/base-jumping/en/base_jumping_miniclip.swf';
</script>