onclick无反应主因是函数未挂载到window、DOM未加载完即绑定、引号嵌套错误；function声明可提升并全局可用，而const/let声明的函数无法被onclick访问，脚本须置于</body>前或用DOMContentLoaded包裹。
onclick属性写在HTML里但没反应，先查这三处
最常见的“点了没反应”，不是代码写错，而是环境卡住。90% 问题出在这：函数没挂到window上、DOM还没加载完就绑定、引号嵌套出错。
-
function handleClick() { ... }能用（函数声明自动提升并挂到全局）；const handleClick = () => {...}或let handleClick = function(){...}会报ReferenceError: handleClick is not defined - 脚本放在
<head>里，但onclick="handleClick()"执行时handleClick还没定义 → 放到</body>前，或用DOMContentLoaded包裹 - 字符串参数漏引号：
onclick="log(user-123)"会被当减法算；正确写法是onclick="log('user-123')"或onclick="log("user-123")"
跳转用window.location.assign()，别直接赋值href
直接写onclick="window.location.href = '/home'"看似简单，但语义不清、可能触发意外重载（尤其在 iframe 场景），且 XSS 风险更高。推荐统一用assign()。
-
window.location.assign('/login')：语义明确，替换当前 history entry，不产生多余记录 -
window.open('/admin', '_blank')：开新页，但注意浏览器可能拦截——必须由用户手势（如 click）触发，不能在定时器或异步回调里调用 - 避免拼接 URL：
onclick="window.location.assign('/user?id=' + userId)"易被 XSS 利用；真实项目中应走后端接口或 router 参数传值
SPA里千万别用location.assign()，该用router.push()
Vue Router 4+、React Router v6+、SvelteKit 等单页路由系统，绕过它们直接改location等于硬刷新——状态丢失、守卫不触发、URL 更新但 history stack 不同步。
- Vue 中：先
import { useRouter } from 'vue-router'，组件内用router.push('/profile') - React 中：必须用
useNavigate()hook，不能在普通函数或setTimeout里调用 - SSR 场景下，跳转前加判断：
if (typeof window !== 'undefined') router.push('/settings')，否则服务端报Cannot read property 'pushState' of undefined
权限校验和网络判断必须在跳转前做
按钮一点击就跳，是前端最常忽略的盲区。用户点下去那一刻，未必已登录、未必联网、未必拉回权限配置。
立即学习“前端免费学习笔记（深入）”；
- 不要只靠 UI 禁用按钮（
disabled可被绕过），跳转逻辑里必须再校验：if (!user.token) { window.location.assign('/login?from=pay') } - 网络异常时跳转会白屏，建议加
fetch('/api/health').then(...).catch(() => alert('网络不可用'))再决定是否跳转 - 表单内
<button type="submit">点击默认提交，必须e.preventDefault()拦住，否则跳转前先发一次 POST
