2026/1/13 21:37:08
网站建设
项目流程
wordpress远程访问,关键词seo是什么意思,高级又小众的公众号,广告优化正规公司结合着好未来秋招的一道面试题讲解一下 a 标签的跳转机制。 题目代码
a hrefhttps://www.baidu.comonclickwindow.open(https://www.csdn.net)link
/a会弹出哪个页面#xff1f; 会同时打开两个页面#xff1a; 新窗口 / 新标签ahrefhttps://www.baidu.comonclickwindow.open(https://www.csdn.net)link/a会弹出哪个页面会同时打开两个页面新窗口 / 新标签https://www.csdn.net当前页面跳转到https://www.baidu.com注意如果 href 的值为 baidu.com 则会跳转到http://127.0.0.1:5500/www.baidu.com(我这里用的 vscode 插件会开启一个 5500 端口的页面)点击a触发onclick执行 JSwindow.open(https://www.csdn.net)→ 打开新窗口或新标签JS 执行完毕浏览器继续执行a 标签的默认行为hrefhttps://www.baidu.comJS 不会自动阻止默认行为怎么禁用 onclick✅ 方式一return falseahrefhttps://www.baidu.comonclickreturn falselink/areturn false✔️preventDefault✔️stopPropagation✅ 方式二event.preventDefaultahrefhttps://www.baidu.comonclickevent.preventDefault()link/a✅ 方式三JS 解绑工程化a.onclicknull;或a.removeEventListener(click,handler);❌ 错误理解澄清onclick(){}❌这样不会阻止 a 的默认跳转SPA 中为什么还用a框架Vue / React会拦截 a 的默认行为用 history API 做无刷新跳转但语义仍然正确可降级a vs button:维度abutton语义超链接导航操作按钮是否原生跳转✅❌SEO✅ 可被爬虫识别❌右键新开✅❌中键点击✅❌无 JS 是否可用✅❌可访问性✅ 天生支持⚠️ 需处理