js代码跳转页面时的路径问题

您所在的位置：网站首页 › js页面事件完成跳转怎么办 › js代码跳转页面时的路径问题

js代码跳转页面时的路径问题

2024-06-29 03:56| 来源: 网络整理| 查看: 265

Write By Monkeyfly

以下内容均为原创，如需转载请注明出处。

前提两个页面之间跳转，需要在js中使用 window.location.href的属性指定跳转的路径。对路径而言，平时使用的都是相对路径。所以在进行跳转时，必须要指定跳转至下个页面的相对路径。相对路径：就是指由当前文件所在的路径引起的跟其它文件（或文件夹）的路径关系。简单的说，就是从当前路径开始的路径。其中，./表示文件所在的当前目录，../表示当前文件所在目录的上一级目录，然后依次类推。问题描述

html中引入了一个js文件，在js中需要 window.location.href指定页面的跳转路径时，是要按照html页面的当前路径来算呢？还是应该按照js的当前路径来算呢？

问题分析

看图即可，清晰明了。

这里写图片描述

opserver/ ├── pages/ │ └── order/ │ └── order.html │ └── addressBook/ │ └── addressBook.html └── statics/ └── app/ ├── css/ ├── images/ └── js/ └── addressBook/ └── addressBook.js

正确的写法：

/*由addressBook.html页面跳转至order.html页面*/ window.locaiton.href = "../order/order.html";

错误的写法：

/*看着就有点多，感觉就不像是对的*/ window.locaiton.href = "../../../../pages/order/order.html"; 别人的回答

是按照html的当前所在路径来。因为取的href是window的值，和外部引入的js路径没关系。

结束语

在js中，要使用代码跳转页面时，需要指定href（即跳转路径）。此时，必须按照引入当前js文件的html的路径开始算起。

【本文地址】

js代码跳转页面时的路径问题

js代码跳转页面时的路径问题

今日新闻

推荐新闻