如何下载 .html 格式的完整 html 代码？ [复制]

Posted 2023-02-23

【中文标题】如何下载 .html 格式的完整 html 代码？ [复制]

【英文标题】：How to download a complete html code with .html format? [duplicate]

【发布时间】：2015-11-20 00:11:34

【问题描述】：

您好，我正在创建一个动态 html 部分，我有两个按钮：preview 和 download。

预览版运行良好。至于第二个按钮，即download，我想让按钮的动作使得如果单击download按钮，它会触发下载所有存储的html代码在变量rohit 中使用.html 格式。

我该怎么做？请告诉我。我在谷歌上搜索过，但找不到方法。

$(document).ready(function()
		var rohit = "<h2>Hello i m Dynamic Heading </h2>";
    	$('.preview').on('click', function()
            var myWindow = window.open('', "rohit", "width=800, height=400", '_blank');
			myWindow.document.write(rohit);
        );
    
    
    	$('.download').on('click', function()
        	alert(rohit);
            //  here download code with html format how to do this .
        );
);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<button class="preview">click to preview</button>
<button class="download">CLick to Download</button>

和 Jsfiddle Link here

【问题讨论】：

html文件是否保存在你的服务器中？

看到这个***.com/questions/3665115/…

没有保存到本地

谢谢先生。 @Raghavendra 我的问题是解决这个 url 你在聊天中 ping 我谢谢这个..

【参考方案1】：

简而言之：您需要使用Blob。

欲了解更多信息和演示：Save/download data generated in javascript.Demo.

【参考方案2】：

您最有可能要做的是将您请求的标头更改为：

Content-Type: application/octet-stream
Content-Disposition: attachment; filename="file.html"

这将告诉浏览器下载您的文件。