Javascript 在客户端下载本地html文件

我有一个名为test.html的本地文件。此文件的路径（相对）为“./slides/test.html”

我想：

• 有一个按钮来下载这个文件
• 使用按钮在新选项卡中打开此文件

我如何做这两件事

我试图用ajax获取该文件，我得到了包含该文件html代码的数据对象，但我不知道如何下载和打开该文件

$.ajax({
    url: "../slides/test.html",
    success: function(data){
        alert(data);
    }
});

更新

我通过这样做来解决问题：

<ul class="buttonsList">
    <li><a href="#" id="fullscreenBtn">View in fullScreen</a></button></li>
    <li><a href="#" id="downloadBtn" download>Download</a></button></li>
</ul>

// Register click on download button
$("#downloadBtn").off().on('click', function() {
    var slideURL = $(".helpActive").attr("data-textTour-url");
    $('#downloadBtn').attr({href  : slideURL});
});

// Register click on download button
$("#fullscreenBtn").off().on('click', function() {
    var slideURL = $(".helpActive").attr("data-textTour-url");
    $('#fullscreenBtn').attr({target: '_blank', href  : slideURL});
});

//注册点击下载按钮
$（“#downloadBtn”）.off（）.on（'click'，function（））{
var slideURL=$（“.helpActive”）.attr（“数据文本浏览url”）；
$（'#downloadBtn'）.attr（{href:slideURL}）；
});
//注册点击下载按钮
$（“#fullscreenBtn”）.off（）.on（'click'，function（））{
var slideURL=$（“.helpActive”）.attr（“数据文本浏览url”）；
$（'fullscreenBtn'）.attr（{target:'ublank'，href:slideURL}）；
});

下载

<a href="path-to-file" download>Download</a>

用于在新选项卡中打开

<a href="path-to-file" target="_blank">Open in new tab</a>

可能是OT的副本，但这对您来说可能很有趣。使此功能具有所有兼容性的跨浏览器方法是设置头服务器端（如PHP）以强制下载。“在新窗口中打开”选项卡是90年代html的一项基本功能。也许吧？请看：。移动支持什么都不是。桌面支持是否存在标签的下载属性？是的，它存在，但兼容性较差。在IE或手机（iOS和Android）中无需操作。仅适用于FF、Chrome和Edge