document.currentScript 实现内联渲染的技巧

Inline rendering with document.currentScript

AI 导读

Lean Rada 展示了一种利用 document.currentScript 实现内联渲染的技巧：定义快捷函数 `$=(...n)=>document.currentScript.replaceWith(...n)`，即可构成一个简易模板语言。

正文 · 原文

17th October 2026 - Link Blog

Inline rendering with document.currentScript. Lean Rada describes a neat trick that takes advantage of the document.currentScript property. You can use that to drop in a tiny inline <script> element that replaces itself when the page loads:

The year is <script>
document.currentScript.replaceWith(
  new Date().getFullYear())</script>

If you define a shortcut function like this:

$=(...n)=>document.currentScript.replaceWith(...n)

You get a tiny template language:

The year is <script>$(new Date().getFullYear())</script>

来源：Simon Willison · simonwillison.net