本文介绍如何利用浏览器 url 中的哈希（`#` 后的内容）动态匹配并自动选中 html 下拉框（`
在单页应用或静态站点中，常需通过不同入口链接（如 page1.html#sprites、page1.html#models）跳转到同一目标页，并期望页面自动定位并高亮/激活对应功能模块。一个典型需求是：当用户点击带哈希的链接后，在 page1.html 中让
实现原理非常简洁：利用 location.hash 获取当前 URL 的哈希部分（如 #sprites），截取 # 后的字符串作为标识符，再通过 DOM 查询匹配 id 属性一致的
以下是推荐的完整实现代码（建议置于 page1.html 底部或 DOMContentLoaded 事件中）：
⚠️ 注意事项：
- ID 唯一性与安全性：确保所有
- 优先使用 .selected = true：相比 setAttribute('selected', true)，直接操作 .selected 属性更符合标准，且能正确触发原生表单行为和事件。
- 触发联动逻辑：若下拉框绑定有 onchange="changeResource();"，仅设 selected 不会自动触发该函数。因此建议显式派发 'change' 事件（如上例），确保业务逻辑（如资源加载、UI 更新）正常执行。
- 兼容性：该方案支持所有现代浏览器及 IE9+，无需额外依赖。
通过这一机制，你无需后端参与或复杂路由库，即可实现轻量、可靠、语义清晰的哈希驱动状态同步，显著提升静态站点的用户体验与可维护性。
