【JS】不同发布地址页面跳转[通俗易懂]

【JS】不同发布地址页面跳转[通俗易懂]在使用html+json构建页面时,页面的跳转常用location.href完成当然,也有些直接在a标签的href中完成本来很简单的事,但是发布方式不同,就会一起一些问题,主要是页面路径跳转问题===========================================================列如,制作了两个网站html,同时放在WebSite这个文件夹下这两个网站都是一样的目录…

大家好,又见面了,我是你们的朋友全栈君。

在使用html+json构建页面时,页面的跳转常用location.href完成

当然,也有些直接在a标签的href中完成

本来很简单的事,但是发布方式不同,就会一起一些问题,主要是页面路径跳转问题

===========================================================

列如,制作了两个网站html,同时放在WebSite这个文件夹下

【JS】不同发布地址页面跳转[通俗易懂]

这两个网站都是一样的目录

【JS】不同发布地址页面跳转[通俗易懂]

功能就是从index页跳到details页

==============================================

单独发布

这两个网站LeiBS  & TianL 作为单独发布,那地址栏里的 “/”默认就是index.html

【JS】不同发布地址页面跳转[通俗易懂]

跳到details页的代码可以是

location.href="/details.html"

details 跳转回来 就是

href="/"

合并发布

若这两网站合并发布的,使用一个主站 WebSite

那他们的首页的地址,就会是

【JS】不同发布地址页面跳转[通俗易懂]

【JS】不同发布地址页面跳转[通俗易懂]

地址栏里会多了自己的目录文件夹

这时候要想再跳转到details页面

location.href=location.href+"/details.html"

而如果,想从details跳回到index

就必须要去解析地址栏里的首页地址目录

location.href=location.href.substr(0,location.href.lastIndexOf("/"))

因为地址栏中的url是这样的

http://10.0.0.114:8086/LeiBS/details.html

所以我们只要获取当前url中最后一个“/”之前的路径

string.lastIndexOf() 

查询字符串最后出现的位置

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/143021.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 服务器命令里面怎么删除文件,scp删除服务器文件命令

    服务器命令里面怎么删除文件,scp删除服务器文件命令scp删除服务器文件命令内容精选换一换您需要将编译后的可执行文件拷贝到目标服务器,并构造相关输入数据,从而运行工程。对于本文档的应用示例,查看$HOME/tools/projects/Custom_Engine/main.cpp中所需输入数据如下所示:以ascend用户登录DDK所在服务器。执行如下命令,拷贝后的目录结构请见表1。cp-r$HOME/tools/proje当创建文件系统后,您…

    2022年8月22日
    16
  • file指定路径_目标实现的策略与路径

    file指定路径_目标实现的策略与路径FileProvider路径配置策略的理解★FileProvider的使用在AndroidManifest.xml中<providerandroid:name="android.support.v4.content.FileProvider"android:authorities="set_your……

    2025年7月30日
    0
  • 计算距离矩阵的方法_矩阵的欧式距离

    计算距离矩阵的方法_矩阵的欧式距离给定一个 N 行 M 列的 01 矩阵 A,A[i][j] 与 A[k][l] 之间的曼哈顿距离定义为:dist(A[i][j],A[k][l])=|i−k|+|j−l|输出一个 N 行 M 列的整数矩阵 B,其中:B[i][j]=min1≤x≤N,1≤y≤M,A[x][y]=1dist(A[i][j],A[x][y])输入格式第一行两个整数 N,M。接下来一个 N 行 M 列的 01 矩阵,数字之间没有空格。输出格式一个 N 行 M 列的矩阵 B,相邻两个整数之间用一个空格隔开。数据范围

    2022年8月8日
    5
  • Java数组转List的三种方式及对比

    点击上方“全栈程序员社区”,星标公众号 重磅干货,第一时间送达 作者:大脑补丁 blog.csdn.net/x541211190/article/details/79597236 …

    2021年6月26日
    82
  • 达梦数据库备份实操「建议收藏」

    达梦数据库备份实操「建议收藏」达梦数据库备份方式:物理备份,逻辑备份物理备份 冷备:(dmap服务打开的状态下,数据库是关闭的) 热备:(dmap服务一定是打开的,数据库是打开的,数据库要开归档) 逻辑备份 导入导出:dexpdimp 集群:数据守护(dw),DSC(RAC) 达梦支持第三方的备份工具:如第三方备份一体机备份首先要开归档 SQL>alterdatabasemount;#mo…

    2022年5月14日
    37
  • 干货!java文件上传判重姿势浅谈

    干货!java文件上传判重姿势浅谈一、场景:文件上传,用户极有可能上传重复文件,内容完全一致。如果对上传的文件未做任何处理,对于文件存储系统来说将是灾难,大量重复的数据,如果允许上传大文件,那么对于存储资源将是巨大的浪费。对于重复的文件,只需要复制相应的访问地址即可,源文件可无需上传,既减轻了网络带宽压力,也减少了存储容量的压力。二、应对:1、通过文件名判重。非特殊情况下,不会采用这种方案,理由跟人同名一样,文件名很容易重复,随着用户上升,概率会变大。采用此方案极易导致不能达到判重的目的。2、读取文件头加部分内容。这种方案可以解

    2022年5月15日
    28

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号