html文件如何下載文件

HTML中下載文件兩種方法；a標簽下載；js下載;

<!--  網頁地址和圖片地址同源的情況下這樣是可以的，不同源則是直接打開這個地址 -->
　　<!-- 方法一:同源情況下載  -->
    <header class="clearfix " style="text-align: center;">
        <a style='padding:10px;' href="http://img.caissa.com.cn/zip/2020/fyx_01/pc/sht.jpg" download="sht.jpg"> 點擊下載文件 </a>
    </header>

    <!-- 方法二:不同源  將文件打包為.zip/.rar等瀏覽器不能打開的文件 就可下載。 -->
    <header class="clearfix " style="text-align: center;margin-top:50px;">
        <a style='padding:10px;' href="http://127.0.0.1:5500/DEMO/images/ajax上傳文件.rar" download="sht.jpg"> 點擊下載文件 </a>
    </header>

    <hr/>
    <!--  按鈕監聽又可以分為兩種方法， -->
    <p> 監聽按鈕方法: 都要同源限制; </p>

    <p> <span id='btn1' style="color:blue;"> window.open() 下載方法 </span> </p>
    <p> <span id='btn2' style="color:blue;" >表單下載方法 </span> </p>

 $(function(){
    $('#btn1').click(function(){
       window.open('http://127.0.0.1:5500/DEMO/images/ajax上傳文件.rar')
    })
    $('#btn2').click(function(){
         var $form = $("<form method='get'> </form>");
         $form.attr('action','http://127.0.0.1:5500/DEMO/images/ajax上傳文件.rar')
                
         $(document.body).append($form);
         $form.submit();
    
     })

 })