如何以编程方式单击IE中的链接？

Question

I'm having a problem specific to IE with this function:

function downloadFileFromUserControl(filename) {
    var name = filename.split("/");
    var fName = name[name.length - 1];
    console.log("IE speaking, I'm just going to take a little nap during this request");
    var link = document.createElement('a');
    link.download = fName;
    link.href = filename;
    link.click();
    console.log("Oh, I'm late to the party?? Back to sleep I guess");
}

In Chrome this function works perfectly, I use this to download PDF files from hyperlinks. No errors, it just will post to the console.

Is there some additional code IE needs to make this work? Thanks

Answer 1

After the element is created, use the element.appendChild() or element.insertBefore() method to insert it to the document .

It is how it works, refer w3c reference

Answer 2

IE does NOT support the "download" attribute only newer browsers ie. Edge, you need to be careful with using new HTML5 functionality in old browsers, most of the time you need to add some sort of "fallback" for this particular case I'd suggest:

    if (typeof link.download !== typeof undefined && link.download !== false) {
       var message = document.getElementById('Some <Span> ID Here').innerHTML('Right-click and select "Download Linked File"');
    }