当前位置: 首页 > news >正文

onclick 点击事件,实现图片一键新开窗口跳转

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

http://www.cnnetsun.cn/news/3031299.html

相关文章:

  • 蓝牙电力仪表在工业自动化中的降本增效实践
  • 应届生如何把有限的经历写出竞争力?
  • 为什么你的Mac IDEA总比同事慢37%?真相藏在这9个被低估的快捷键链式操作中(实测数据支撑)
  • 机器人数据标注平台技术能力对比:Ego/UMI/4D时序标注实战评估
  • 传统珐琅彩绘与金属工艺在国潮挂饰中的应用
  • 抖音直播自动录制:如何搭建你的专属直播档案馆
  • 零配置接入微服务调试:1个插件+2步操作,彻底告别Postman+Swagger+Debug三开时代
  • 你看好超级个体、一人公司(OPC)吗?
  • RAG多层级语义分片实现方案
  • 基于ADE7953的物联网电能计量系统设计与实践
  • 【限时解密】IDEA调试快捷键隐藏模式:Ctrl+Shift+A无法搜到的6个调试专用命令,仅限IntelliJ Platform 2023.3+
  • 校企协同育人:智能制造实训基地建设与课程开发实践
  • 可编程晶振在雷达系统中的关键技术与应用
  • 4G_LoRa远程雨量监测系统设计与实践
  • FMA音乐数据集:如何用10万+免费音乐训练你的AI音乐大脑?[特殊字符]
  • 4G与Lora结合的水质监测数据传输方案
  • AI专著生成高效指南:4款AI工具助力,快速完成20万字专著撰写!
  • 一款基于DICOM标准的云原生PACS源码,采用Spring Boot3+Vue3前后端分离架构
  • 2520封装50MHz有源晶振在激光测距仪中的应用与选型
  • PotatoNV技术突破:开源Bootloader解锁方案的设计哲学与实现路径
  • 4G与Lora融合的一氧化碳监测系统设计与实现
  • 【IDEA插件黄金TOP 10】:20年老司机私藏、团队效率翻倍的必备清单
  • RA8T1 MCU在智能电机控制系统中的应用与优化
  • AI幻觉坑惨科研人!通用大模型再贵,也替代不了垂直专业工具
  • MCA Selector:终极Minecraft世界编辑器完整使用指南
  • 3个步骤将你的游戏PC变成家庭串流中心:Sunshine完全指南
  • LGS5145电源芯片常见问题与解决方案
  • 数据结构——双链表(C++)
  • DSP28335最小系统设计与嵌入式开发实践
  • 告别低效编码,JetBrains官方认证插件清单来了,这8个插件正在悄悄改变顶级团队工作流