得到相对路径_绝对相对路径，百度网盘小案例

最新推荐文章于 2022-09-24 13:48:41 发布
最新推荐文章于 2022-09-24 13:48:41 发布
阅读量212 收藏
点赞数
文章标签： 得到相对路径
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_34162851/article/details/112576894
版权

38910f282308cec76905593dc3ad654c.gif

  绝对、相对路径  

在制作这个小案例之前，我们先来了解一下绝对地址和相对地址

绝对地址：在任何情况下，都可以准确找得到的地址(例如我的家乡在山东济宁)

相对地址：必须知道当前所在，才能找到的地址(例如我家里我的衣服放在了什么位置)

a4466fec25990584c8b7f2417c31e395.png

如果我们在一个网址下链接了一个相对路径，那我们点击这个相对路径，就会以网页地址为参考，相对于这个地址进行内部跳转。

cdab89747168e00d0aff8f70914675fd.png

6b28090feab17f6051b310100bc2b6e6.png

  百度云盘小案例  

图片大家可以自己截取一下，没必要非要一样图片。

第一步，先把顶部背景图插入

6aea385d7ebf1c3277a73643b26e2559.png

浏览效果如下

240b211722bddff069409c0eb9e9a637.png

再插入两个文件夹的图片和文字

3f79fbf6cbfeca4acbdfff005d1c3167.png

浏览效果入下

c7b49d7ed42db201446d3f18d4732b68.png

第二步将其变为超链接

用a标签将图片和文字包裹起来，href写上文件夹和要建的网页

b247205fbfb751a0527d3b66806152f2.png

对应着新建一个one和one网页文件

5c734b0cb7f426eeaf4f9392faa7bfdb.png

第二个也和他方法相同，为two

25b1579034a6858b9e1ebb724dde6769.png

第三步在建好的one网页文件中加入图片

还是先加入背景图

661f07904576b7db95b8e0d118e8fd7a.png

效果如下

c7b49d7ed42db201446d3f18d4732b68.png

添加返回箭头链接和其他图片

e0bb80be73b0b8f45507b0e792871b1b.png

效果如下

bd4ec41db0031bed327ad1afa8782cf1.png

第四步新建two文件夹和two网页中的内容

31ac77ec2d83d383df6c6928d55dd184.png

将one中的代码复制过来

e21da075bf7d9e47c0951dd9a8ba7cf3.png

但是与one不同的是，在two中再新建一个子目录，three中也包含一个three.html

0180255ec0845f32b3d803f85d27b0dd.png

再来编辑 three页面，先把one中的所有复制过来

three中的各个图片路径要再加一个 ../ (即返回上上个目录)

3079c03b6b6bd2fd880ee5a86e6c3873.png

到这案例就完成，最终效果就是可以跳转上下级目录。

我们来总结一下

4b747d39a76832d646ca64a761b57961.png

4677b7a2d49a8f30b986af060e6bca56.png

加入../就是返回上一级目录

6dac71fe43740993bee55497620abd41.png

3984775f2e65d969bbb15635c4267f8c.png

大家来动手练习一下

--- 笔记来自于B站【千锋教育】视频

6b28090feab17f6051b310100bc2b6e6.png

- End -

57521e49993a389ffc9a5d522258efb0.png

京脉圈
关注
改变浏览器URL不跳转 history.pushState
weixin_42549581的博客
10-20 756
if(location.search){ history.pushState(’’,’’,location.href.split(location.search)[0]+’?xpage=’+currentmenu); // change url and don’t jump }else{ history.pushState(’’,’’,location.href+’?xpage=’+currentmenu); // change url and don’t jump } ...
相对路径绝对化方法
qq_20535249的博客
08-12 219
let a = document.creatElement('a'); a.href = './相对路径'; //设置相对路径 console.log(a.href); //此时输出的内容为绝对路径 http://localhost:63324/myTest/相对路径
python 抓取百度搜索名称和路径
TimerBin的博客
10-28 585
python 新手笔记：利用python，根据搜索关键字，抓取其结果的名称和路径。   一、百度搜索参数介绍 pn ：抓取第几页内容 cl ：搜索的类型 3 为网页搜索 2为新闻搜索 wd ：搜索关键字 rn  ：需要搜索多少条结果   详情可参阅：http://blog.sina.com.cn/s/blog_3e28c8a50102v0ck.html   二、定义pthon...
JavaScript更改当前页面地址栏 且不会进行跳转方法
weixin_45966674的博客
09-24 3103
然后就可以对他做想做的操作 例如 替换里面的参数 或 直接重写。比较适合那种要换某个地址参数 且要手动刷新界面后才生效的需求。首先 我们先通过 location.href拿到地址栏信息。这个方法 会直接替换整个地址栏 但他不会调整界面。
相对路径和绝对路径（带例子，详解）
热门推荐
单枪匹码
10-14 1万+
一、路径问题：在SpringMVC中可能涉及路径问题的地方。 //链接、表单提交、重定向和转发如何填写相应的路径。 <a href=""></a> <form action=""> response.sendRedirect("") request.getRequestDispatcher("") （1）：什么是相对路径？ 不以" / "开头的路径。 （2...
UltraPath 多路径 华为存储
最新发布
04-17
多路径技术是解决单路径故障问题的一种策略，通过创建多个到存储设备的物理连接，当某一条路径出现故障时，系统能够自动切换到其他可用路径，确保业务连续性。在华为存储中，UltraPath不仅实现了路径冗余，还具备...
baiduPic_fromInt_自动下载百度图片_
10-02
标题中的“baiduPic_fromInt_自动下载百度图片_”表明这是一个关于自动下载百度图片的程序，可能是一个Python脚本，因为压缩包内的文件名“baiduPic_fromInt.py”暗示了这一点。这个程序可能使用了Python编程语言，...
CarSim_Matlab联合仿真20131218得到的成功版test.rar_carsim16，MATLAB18_carsim
07-15
《CarSim与MATLAB联合仿真在无人车辆路径规划与轨迹重规划中的应用》 在现代汽车工程领域，尤其是自动驾驶技术的研发中，精确的路径规划和动态轨迹调整是至关重要的环节。CarSim是一款专业的车辆动力学模拟软件，而...
《MATLAB智能算法30个案例分析》_所有源代码.rar
06-12
《MATLAB智能算法30个案例分析》是一本深度探讨MATLAB在智能算法应用方面的书籍，其中包含了丰富的源代码示例。这本书旨在帮助读者通过实际操作理解并掌握各种智能算法，提升在科研和工程中的计算能力。MATLAB作为一...
MATLAB智能算法30个案例分析——源代码.rar_MATLAB 网络优化_optimization_智能matlab_遗传算
09-24
《MATLAB智能算法30个案例分析》是针对利用MATLAB进行智能算法应用的一个实践性教程，涵盖了网络优化、优化工具箱以及各种智能算法的实现。这个压缩包中包含的源代码提供了丰富的学习材料，旨在帮助用户深入理解和...
Springboot application.properties配置文件常用配置项纪录
Aspirin's Nest
12-01 362
前言 springboot的配置文件有很多很实用的配置，做项目的时候不时会用到一些，这里做一个总结，方便查阅。 配置文件 # 需修改启动端口 server.port=1217 server.tomcat.max-threads=1000 #限制单个最大文件 spring.servlet.multipart.max-file-size = 500MB #限制总上传数据总大小 spring.servlet.multipart.max-request-size=500MB #配置支持后缀，sprin.
python文件及os，相对路径与绝对路径
Three123v的博客
10-27 3308
#!/usr/bin/env python # -*- coding:utf-8 -*- #文件操作 # stream=open('E:\\Pycharm\\123.txt') # # # container=stream.read() # print(container) # # # while 1: # result = stream.readline() # if resul...
HTML: 相对地址与绝对地址
Dan的博客
09-10 1万+
举例： 以故宫为例： 对于北京当地人来说，你说【】故宫】他就知道在哪，对于外国人来说你要告诉他在【中国北京故宫】 再以文件夹【 C://User/HTML】为例： 在HTML文件夹中的web文件添加Photo或者URl中的内容的超链接， 用绝对路径是C://User/HTML/photo 相对路径是 /photo 综合：相对路径是相对与当前路径的位置，是简单得编写  ...
JS 修改地址栏URL参数 不跳转
黄连木笛
04-30 1万+
let url = changeURLParam(location.href, name, value); // 修改 URL 参数 history.replaceState(null, null, url); // 替换地址栏不跳转
每天都遇到一些小问题=>路径不跳转的问题
hauchun的博客
03-01 380
因为是一个跳转到Jsp路径，而且视图解析器设置了前缀和后缀，所以这个地方只需要写jsp文件的文件名就可以了，如果使用redirect跳转的话就是跳转到相应的Handler 例如： ...
threejs 02 经验 引入本地文件及js
ZZQsAI的博客
12-17 1246
引入本地文件及js 参考 html相对路径和绝对路径 引入外部的本地JS文件 <script src="../test/11/three.js"></script> <script src="../test/11/STLLoader.js"></script> <script src="../test/11/OrbitControls.js"></script> <script src="../test/11/stats.min.
教你如何更改网站数据的保存路径
Marchy ViZing正走向牛逼的技术人生
12-02 967
步骤： 1、创建保存网站数据的目录，并创建网站的首页信息 2、修改httpd服务的主配置文件 3、重启服务 4、发现无法访问网站，涉及到SELinux，查看当前SELinux的状态 如果状态不是enforcing，则进入SELinux的主配置文件中进行修改默认状态为enfocing 验证是否是SELinux导致的 5、查看原始网站数据的保存目录的安全上下文+查看当前网站数据保存目录的安全上下文 6、将当前网站数据保存目录的安全上下文更改为和原始网站数据目录的安全上下文一样 7、立即生效 实验： 1、创建保存
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值