已解决
HTML跳转锚点
来自网友在路上 11018101提问 提问时间:2023-11-12 12:42:24阅读次数: 101
最佳答案 问答题库1018位专家为你答疑解惑
跳转锚点适用于本页面和其他页面的任意标签的跳转以及JavaScript的运行
使用方法即给标签加上独一无二的id属性,再使用a标签跳转
如果是其他页面的标签只需加上其他页面的路径,eg.href="其他页面的路径#zp1"
id属性的最好不要使用数字开头
<a href="#zp1" >看照片1</a><a href="#zp2" >看照片2</a><a href="#zp3" >看照片3</a><a href="#zp4" >看照片4</a><p id="zp1">照片1</p><img src="./image/test.jpg" alt="照片1"><p id="zp2">照片2</p><img src="./image/test.jpg" alt="照片2"><p id="zp3">照片3</p><img src="./image/test.jpg" alt="照片3"><p id="zp4">照片4</p><img src="./image/test.jpg" alt="照片4"><p>介绍完毕!</p><a href="#">回到顶部</a><a href="">刷新页面</a><a href="javascript:alert(123);">点我弹窗</a>
显示效果如下:
整体效果:
eg.
1.点击照片跳转锚点3
2.点击回到顶部锚点
3.点击刷新页面锚点(因为刷新以后会默认回到顶部所有也有回到顶部的作用)
4.点击弹窗锚点
查看全文
99%的人还看了
相似问题
- 正版软件|PhotoPad 照片/图像编辑工具
- 智能门禁刷脸照片格式gif、bmp,png转换,转换base64
- postman上传照片,视频,音频等上传文件操作测试方法
- Flutter开发实战之上传身份照片并认证
- 苹果手机微信照片过期怎么恢复?分享3个实用技巧!
- 照片编辑软件Affinity Photo 2 for Mac v2.1.1中文激活版 2024年最新中文版下载
- 基于生成对抗网络的照片上色动态算法设计与实现 - 深度学习 opencv python 计算机竞赛
- 1m照片手机怎么拍?这样操作真的很简单!
- 利用JavaScript查看照片
- sd模型测试之ProtoVision XL照片画质
猜你感兴趣
版权申明
本文"HTML跳转锚点":http://eshow365.cn/6-38070-0.html 内容来自互联网,请自行判断内容的正确性。如有侵权请联系我们,立即删除!
- 上一篇: 3.2 IDAPro脚本IDC常用函数
- 下一篇: 长虹智能电视使用123