Simon Willison·· 6 天前精选AI 评分39
document.currentScript 实现内联渲染的技巧
Inline rendering with document.currentScript
AI 导读
Lean Rada 展示了一种利用 document.currentScript 实现内联渲染的技巧：定义快捷函数 `$=(...n)=>document.currentScript.replaceWith(...n)`，即可构成一个简易模板语言。
正文 · AI 翻译
2026年10月17日 - Link Blog
使用 document.currentScript 进行内联渲染。Lean Rada 描述了一种巧妙的技巧，它利用了 document.currentScript 属性。你可以利用它插入一个微小的内联 <script> 元素，该元素会在页面加载时替换自身：
The year is <script>
document.currentScript.replaceWith(
new Date().getFullYear())</script>
如果你像这样定义一个快捷函数：
$=(...n)=>document.currentScript.replaceWith(...n)
你就得到了一个微型模板语言：
The year is <script>$(new Date().getFullYear())</script>
来源：Simon Willison · simonwillison.net