HTML 轉 PDF 中的 JavaScript
using IronPdf;

const string htmlWithJavaScript = @"
<h1>This is HTML</h1>
<script>
    document.write('<h1>This is JavaScript</h1>');
    window.ironpdf.notifyRender();
</script>";

// Instantiate Renderer
var renderer = new ChromePdfRenderer();

// Enable JavaScript in our RenderingOptions
renderer.RenderingOptions.EnableJavaScript = true;
renderer.RenderingOptions.WaitFor.JavaScript();

var pdfJavaScript = renderer.RenderHtmlAsPdf(htmlWithJavaScript);

// Export to a file or Stream
pdfJavaScript.SaveAs("javascript-in-html.pdf");
NuGet Download
PM > Install-Package IronPdf
HTML 轉 PDF 中的 JavaScript

HTML 轉 PDF 中的 JavaScript

IronPDF允許使用者從HTML內容建立PDF文件,但不僅僅是純HTML內容可以轉換為PDF; 它還可以轉換帶有自定義CSS和JavaScript的HTML。 例如,使用HTML內容中的JavaScript允許如圖像這樣的資產直接內嵌到HTML字串中,而不是作為外部資產載入。 您只需要RenderingOptions屬性即可實現。

在字串變數中,我們建立了一個包含JavaScript <script> 標籤的HTML字串,這將包含用於建立PDF的JavaScript程式碼。 使用腳本標籤意味著我們已經指出字串的哪個部分是JavaScript,稍後將使用RenderingOptions屬性啟用。 通過這種方式,您可以內嵌圖像,保持渲染PDF的互動性,等等。

使用ChromePdfRenderer類的新實例,該類控制將HTML內容渲染到PDF。 使用這個類,您可以確信您的渲染PDF文件將達到像素完美,並保持最終結果中的任何自定義JavaScript或CSS內容。

接下來,利用ChromePdfRenderer類中啟用JavaScript,這樣在渲染新的PDF之前它能被執行。 RenderingOptions.WaitForJavaScript()方法確保程式在繼續渲染過程之前等待JavaScript完成執行。 在JavaScript程式碼執行window.ironpdf.notifyRender()方法之後將開始渲染。 ChromePdfRenderer實例,以便選項將被用於任何用此渲染器建立的PDF。

renderer.RenderHtmlAsPdf(...)方法處理PDF文件的實際渲染。 通過將帶有JavaScript的HTML字串傳遞給該方法,我們可以將其渲染為包含所有HTML和JavaScript項目的高質量PDF。 這被保存到新的pdfJavaScript。 最後,我們可以使用SaveAs方法保存這個新的PDF。

探索如何將JavaScript HTML渲染為PDF
在 GitHub 上查看

準備開始了嗎?

Nuget Downloads 22,024,882版本:2026.11剛剛發布