リフレッシュを行わないHTMLファイルのダウンロード方法まとめ_html/css_WEB-ITnose

まず、バックグラウンドでファイルをダウンロードするメソッドがあることを確認します。ここではフロントエンドのソリューションのみをまとめているため、バックグラウンドでダウンロードするメソッドがあることは想定しません。ファイル。バックグラウンド経由で直接ダウンロードしたくない場合は、私の他の記事「HTML はタグを使用して、バックグラウンドを経由せずに直接ダウンロードを実現します。」を参照してください。

タグを使用します

fad2101a4bc67a8bca628a7074894880クリックしてダウンロード5db79b134e9f6b82c0b36e0489ee08ed

ここで target 属性が指定されていなくても問題ありません。ただし、ページが点滅する場合は、エクスペリエンスが良くありません。

location.href 属性を使用する

javascriptfunction downloadFile(url){    location.href=url;}

window.open を使用する

javascriptfunction downloadFile(url){    window.open(url);}

iframe を使用する

javascript//javascript版本function downloadFile(url){        var iframe = document.createElement("iframe");          document.body.appendChild(iframe);          iframe.src =url;}//jQuery版本function downloadFile(url){    $("body").append($("<iframe/>").attr("src",url);}

Call
& lt;a href="javascript:void(0); " onclick="downloadFile('/project/download.action')">クリックしてダウンロード5db79b134e9f6b82c0b36e0489ee08ed

個人的には、より柔軟な 4 番目の方法をお勧めします。