页面跳转URL中"/"和"../"的区别

最新推荐文章于 2023-05-17 16:24:16 发布
原创 最新推荐文章于 2023-05-17 16:24:16 发布 · 532 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#url

本文详细解释了HTML中两种不同超链接路径的区别：直接指向根目录的页面与指向当前目录上一级目录页面的方法。若使用不当可能会导致页面加载失败。

<a href="/Test.aspx">Test</a>和<a href="../Test.aspx">Test</a>的区别:

前者会跳到根目录下的Test.aspx页面.

后者是跳到当前目录的上一级目录的Test.aspx页面.

不注意会出现找不到页面错误.

liguangg321
关注
小程序跳转链接实战：https://wxaurl.cn/、weixin://dl/business/ 跳转与明文 URL Scheme 生成指南
邓邓子的博客
06-14 5636
本文聚焦小程序跳转链接开发核心技术，深入解析 https://wxaurl.cn/*TICKET* 与 weixin://dl/business/?t= *TICKET* 两种链接的生成方法。详细阐述生成前的准备工作、服务端接口调用步骤及注意事项，同时剖析 iOS 与 Android 系统在链接适配方面的差异。此外，针对明文 URL Scheme 获取，从平台设置、拼接规则、使用限制等方面展开讲解，并结合实际应用案例提出优化建议，帮助开发者快速掌握小程序跳转链接生成与明文URL Scheme获取的关键技术。
【常见问题02】相对路径地址引用问题
大前端开发工程师、互联网方向创业者
12-16 422
帮助你迅速引入编译器中的文件
<input id="type" value="1"> 跳转中...<br>
evilcry2013的博客
10-24 3万+
跳转页面                        跳转中...   function myLocation(){ var input = document.getElementById("type"); var value = input.value; if(value && value=="2"){ window.top.locatio
超链接标签：a标签的基本用法
lengye7的博客
04-26 1万+
a标签的基本用法： 一、构建外部超链接 1、在本页面中打开超链接 <a href="https://www.baidu.com">百度</a> <a href="https://www.baidu.com" target="_self">百度</a> //默认情况下，target的值就是_self，所以上面第一条就算不指定target...
html <a></ a>标签使用总结
白马非马军的博客
09-27 1万+
&lt; a href=”链接的地址”&gt;链接文本&lt;/&gt;1、属性：  1）    href=“url”的作用 绝对地址（协议类型一定要加上）：&lt; a href=”http://www.baidu.com”&gt;百度&lt;/ a&gt;                                                          &lt; a href=...
java中进行页面跳转的时候添加“/”和不添加“/”
wd521521的博客
01-17 773
不加的话就是获取的当前路径，加的话就是获取子路径。 解释：通常在获取Resource的时候都是获取的不加斜杠的路径，所以如果想获取子路径，需要先添加”/“，之后在增加相应的路径 刚开没有添加"/"时候跳转的路径： http://wudi.nat100.top/sell/seller/order/sell/seller/order/list 当前的路径是： http://wudi.nat10
URL中 区分 “/”,“./”,“../”
单调枯燥的CC的博客
03-18 1517
/ 表示根目录 “/zeus/im/redOftenGroupMng.jsp” ,表示请求根目录下该jsp资源 ./ 表示当前目录 “./1.jpg” 或 “1.jpg” 或者： …/ 表示上级目录 “…/1.jpg"表示请求上级目录下的1.jpg资源 ...
jsp和servlet中实现页面跳转的方式实例总结.docx
01-20
JSP 和 Servlet 中实现页面跳转的方式实例总结 在 web 开发中，页面跳转是一个非常常见的需求，JSP 和 Servlet 是 Java Web 开发中两个最基本的组件，了解它们如何实现页面跳转是非常必要的。本文将根据 JSP 和 ...
支付宝接口的在线支付(https://openhome.alipay.com/platform/appDaily.htm?tab=info)
qq_42431398的博客
12-28 3万+
项目中需要用到在线支付，实现了调用支付宝接口的在线支付，记录下来以便以后使用。 一、进入蚂蚁金服开放平台登录     网址：https://open...
Login-register:#登录-注册页 1.访问reg 显示注册页面， 输入用户和密码.通过post的方式提交表单到reg，后台可以注册用户。 然后跳转到登陆页面login。 2.get请求访问登陆页面login， 输入用户名和密码，然后通过post方式提交表单到login， 后台判断用户和密码是否正确，如果正确， 则把用户信息放入session,并返回主页home。在主页显示用户名 3.需要权限判断，如果未登陆，只能访问注册和登陆。如果已登陆 只能访问主页home.如果不符合要求，则提示没有
05-08
#登录-注册页 1.访问/reg 显示注册页面， 输入用户和密码.通过post的方式提交表单到/reg，后台可以注册用户。 然后跳转到登陆页面/login。 2.get请求访问登陆页面/login， 输入...4.(可选)发表文章和显示文章的功能
js实现微信/QQ直接跳转到支付宝APP打开口令领红包功能
10-18
4. **JavaScript代码实现**：关键的JavaScript代码会根据上述逻辑处理URL和设备类型，创建适当的跳转链接。例如，代码可能会包含以下部分： ```javascript function jumpToAlipay() { var url = 'alipay://...
url中/和./和../和无/的区别
helloworld963的博客
01-18 1万+
方式一： 没有斜杠，跳转到和自己（rootPath.html）同目录下的layout页面 方式二： 单斜杠加前有一点，跳转到和自己（rootPath.html）同目录下的layout页面       总结：方式一和方式二效果是相同的。 方式三： 单斜杠，跳转到整个网站根目录下的（如果是在本机测试，也就是 http://localhost:8080/，注意此路径不包括项目名，只到项目名的上一级，易错...
URL前面加 / ../ /../ ./ 分别代表什么意思？
sun
06-07 9657
比方说URL=123.jsp 前面加一个/。即 /123.jsp 。代表从端口号往后即 http://127.0.0.1:8080/123.jsp
url的说明
System_sheep的博客
05-13 452
1、在前端的页面中设置超链接或者js或者css等，都会涉及到url，所以url的设计有三种格式：在资源名称前面有/、无/、…/；例如：/abc.action、abc.action、…/abc.action 三种格式分别要补齐完整的url路径， /：补齐到8080:，及端口的位置 例如：<!-- 表示绝对路径：此时表示的是8080/位置 http://localhost:8080/bcd.ac...
JS中a标签的用法
qq_47119643的博客
10-05 8232
<a>标签可定义锚。一个锚有两种用法： 通过使用 href 属性，创建一个到另外一个文档的链接 通过使用 name 或 id 属性，创建一个文档内部的书签 如果是在 HTML 5 中，它定义为：超链接，用于从一个页面连接到另一个页面。此时，name 属性将由 id 代替。 它的属性在 W3school 中有详细说明。 一.链接： 通常格式： <ahref="url">text</a> 1.<a> 标签中调用 JS 方法（点击事件） 有以下几...
文件下载url中存在../的情况
果冻先生的专栏
06-03 2274
废话不多说，上代码 import urllib2 import urllib url = "http://www.wayos.com/../Upfiles/down/WAP_3048-18.07.04V.trx" req = urllib2.urlopen(url, timeout=60) try: urllib.urlretrieve(url, filePath) except Ex...
./和../以及/之间的区别？终于弄懂，写的很详细！！！
MyHeaven7的博客
05-26 4万+
1、./是当前目录（其中./等价于不写，即href=“./layui/css/layui.css”和href=“layui/css/layui.css”是一样的效果） 2、../是父级目录（表示当前文件夹下的，上一个文件夹） 3、/是根目录（表示一下子回到最顶端的那个文件夹下） 其中拿图片举例tpkiarui是一个项目的根目录， 1 ./是表示当前目录，其中controller下Admin.php一直到System.php他们都是在当前目录下，如果该目录有.css和.js等文...
当前页面正在处于跳转状态，请稍后再进行跳转....
热门推荐
qq_37962440的博客
05-17 4万+
{type: 2, msg: “当前页面正在处于跳转状态，请稍后再进行跳转…”, NAVTYPE: “replace”, uniActualData: {…}}(env: macOS,mp,1.06.2301160;lib: 2.24.1)当调用接口鉴权返回未登录时，需要跳转到登录授权页，此时就会出现以上报错信息。
网页中直接跳转相应页面方法
高欣的博客
03-12 4948
一般用于网站建设中，在</head>的上方添加以下代码，将直接进入到商城的首页。 网页中直接跳转到相应的页面代码： <script type = “text/javascript”> window.location.href=“front/index.jsp; </script> 将直接的进入到front/index.jsp网页里边。 ...
js跳转页面 pagegrounds/index.html 防止累加
最新发布
03-25
<think>好的，我现在需要解决用户在JavaScript中跳转页面时避免地址栏路径累加的问题。用户给的例子是跳转到“pagegrounds/index.html”，但地址栏显示路径累加，比如变成“http://example.com/pagegrounds/pagegrounds/index.html”。这种情况通常是因为使用了相对路径导致的。 首先，我要理解路径累加的原因。相对路径是相对于当前页面的URL进行解析的。如果当前页面在“pagegrounds/”目录下，而跳转时使用了相对路径“pagegrounds/index.html”，浏览器就会把当前路径和相对路径拼接起来，导致重复。例如，当前页面是“http://example.com/pagegrounds/”，跳转时使用“pagegrounds/index.html”就会变成“http://example.com/pagegrounds/pagegrounds/index.html”。 解决方法应该是使用绝对路径，即以根目录开始的路径。绝对路径以斜杠“/”开头，这样无论当前路径在哪里，跳转时都会从根目录开始，不会累加。例如，使用“/pagegrounds/index.html”就能正确指向目标，而不会重复添加路径部分。 接下来，我需要验证这个思路是否正确。假设当前页面是“http://example.com/pagegrounds/current.html”，使用绝对路径“/pagegrounds/index.html”进行跳转，浏览器应该会正确导航到“http://example.com/pagegrounds/index.html”，而不会出现路径重复。这应该是正确的做法。 另外，可能还有其他方法，比如使用完整的URL（包括协议和域名），但绝对路径的方式更简洁，且适用于同一域名下的跳转。因此，推荐使用绝对路径来避免问题。 最后，我需要检查用户提供的参考信息是否有帮助。用户提到引用[2]中的页面跳转问题，建议避免相对路径，使用绝对路径或完整的URL。这和我的思路一致，所以可以引用这一点来支持解答。</think>在JavaScript中进行页面跳转时，若使用相对路径可能导致路径叠加问题。解决方法是通过以下两种方式： ### 1. 使用绝对路径(推荐) 在路径前添加斜杠`/`表示根目录起始路径： ```javascript window.location.href = "/pagegrounds/index.html"; ``` ### 2. 使用完整URL 包含协议和域名： ```javascript window.location.href = "https://yourdomain.com/pagegrounds/index.html"; ``` ### 问题分析 当使用相对路径`pagegrounds/index.html`时，浏览器会基于当前路径进行叠加。例如当前页面为`http://example.com/folder/`时，跳转后会变成`http://example.com/folder/pagegrounds/index.html`。通过绝对路径可避免路径层级叠加[^2]。 ### 注意事项 - 优先使用绝对路径保持代码可维护性 - 涉及跨域跳转时必须使用完整URL - 推荐使用`window.location.replace()`避免历史记录堆积
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值