onclick 点击事件,实现图片一键新开窗口跳转
需求是点击项目截图,在新标签页打开对应网页,这里我使用了原生 JS 点击事件。
在 div 标签上写入:
onclick="window.open('网址')"
window.open 作用是打开新浏览器窗口,不会覆盖当前导航主页。
对比 a 超链接:把跳转写在图片容器上,整张截图都可以点击,用户体验更好。不需要额外引入 JS 文件,行内事件可以快速实现简单跳转功能。
拓展思考:行内 onclick 适合小型静态网站。大型项目会把 JS 和 HTML 分开写。本次静态作业使用行内事件简洁高效,非常适合作品集导航页开发。
