本文介绍如何通过 javascript 在页面初始化时正确触发实体搜索逻辑，使 `quote-text` 表单仅在无匹配实体时显示，避免首次加载时误显。

要解决表单字段在页面加载时未按预期隐藏的问题，关键在于：页面首次渲染时，searchEntities() 函数尚未执行，因此 #quote-form 的显示状态仍为默认的 block（或浏览器默认值），导致 quote-text 区域意外可见。 仅依赖用户输入触发 onkeyup 是不够的——必须在 DOM 完全就绪后，立即以空值（或初始值）调用一次搜索逻辑，模拟“页面加载即校验”的行为。

最直接可靠的方案是利用 window.onload 或更现代的 DOMContentLoaded 事件，在页面资源加载完毕后主动触发一次 searchEntities()：

⚠️ 注意事项与优化建议：

• 不要使用 window.onload 替代 DOMContentLoaded：前者需等待图片、样式表等所有资源加载完成，延迟更高；后者仅等待 HTML 解析完毕，更及时。
• 对空输入做明确处理：如示例中 trim() 和 !entityName 判断，避免因空格导致误判；业务上常规定“空输入 = 无实体匹配”，故直接显示 #quote-form。
• 添加错误处理：网络失败或接口异常时，应降级显示表单并提示用户，而非留白。
• 防御性编码：使用 textContent 而非 innerHTML 渲染实体名，防止潜在 XSS；URL 参数使用 encodeURIComponent 编码。
• CSS 初始化推荐：可在 HTML 中为 #quote-form 添加内联样式
  ，实现“无 JS 时也默认隐藏”的渐进增强效果。

通过上述改造，页面加载瞬间即可根据初始状态（通常为空）准确控制表单可见性，彻底解决“仅切换时生效、首屏失效”的问题。