diff --git a/src/content/docs/zh-cn/guides/client-side-scripts.mdx b/src/content/docs/zh-cn/guides/client-side-scripts.mdx
index 11ece67184d54..d15a4f7147c5f 100644
--- a/src/content/docs/zh-cn/guides/client-side-scripts.mdx
+++ b/src/content/docs/zh-cn/guides/client-side-scripts.mdx
@@ -186,7 +186,7 @@ Astro 将按照其[脚本处理规则](#脚本处理)为你构建、优化并将
 
 1. 除了使用 `document.querySelector()` 搜索整个页面，你可以使用 `this.querySelector()` ，它只在当前自定义元素实例中搜索。这使得一次只处理一个组件实例的子实例变得更容易。
 
-2. 虽然 `<script>` 只运行一次，但浏览器每次在页面上找到 `<astro-heart>` 时都会运行我们自定义元素的 `constructor()` 方法。这意味着你可以安全地一次为一个组件编写代码，即使你打算在一个页面上多次使用该组件。
+2. 虽然 `<script>` 只运行一次，但浏览器每次在页面上找到 `<astro-heart>` 时都会运行我们自定义元素的 `connectedCallback()` 方法。这意味着你可以安全地一次为一个组件编写代码，即使你打算在一个页面上多次使用该组件。
 
 <ReadMore>你可以在[web.dev 的《可重用 Web 组件指南》](https://web.dev/custom-elements-v1/)和[MDN 对自定义元素的介绍](https://developer.mozilla.org/zh-CN/docs/Web/Web_Components/Using_custom_elements)中了解更多自定义元素。</ReadMore>