【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() 

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

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

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

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)
blank

相关推荐

  • 网络爬虫原理解析「建议收藏」

    1、网络爬虫原理网络爬虫指按照一定的规则(模拟人工登录网页的方式),自动抓取网络上的程序。简单的说,就是讲你上网所看到页面上的内容获取下来,并进行存储。网络爬虫的爬行策略分为深度优先和广度优先。如下图是深度优先的一种遍历方式是A到B到D到E到C到F(ABDECF)而宽度优先的遍历方式ABCDEF。2、写网络爬虫的原因(1)互联网中的数据量大,我们不能人工的去收集数据,这样会很浪费时间与金钱…

  • zabbix监控面试题[通俗易懂]

    zabbix监控面试题[通俗易懂]监控基础概论zabbix并非监控,而是实现监控的工具Zabbix-server是一个c/s和b/s结构安装zabbbix的服务器安装时和php7.1有冲突:若此机器上已经安装php7.1就安装不上zabbix监控知识体系为什么要使用监控1.对系统不间断实时监控2.实时反馈系统当前状态3.保证服务可靠性安全性4.保证业务持续稳定运行如果去到…

  • 京东面板搭建 青龙面板多容器的安装与使用2022年8月22日

    京东面板搭建 青龙面板多容器的安装与使用2022年8月22日系统环境的准备与Docker的安装首先需要准备一台服务器或VPS,当然自家能够安装Docker的路由器也可以,例如N1或OpenWrt等。代挂http://183.56.232.117:5701/下面以Centos为例国内一键安装Dockersudocurl-sSLhttps://get.daocloud.io/docker|shDocker安装(全家桶-推荐)wgethttps://ghproxy.com/https://raw.githubusercon.

  • 西班牙c2语言是什么标准,西班牙语的等级是怎么划分的?

    西班牙c2语言是什么标准,西班牙语的等级是怎么划分的?西班牙语根据欧洲共同语言参考标准分为:A1,A2,B1,B2,C1,C2六个级别。A1,A2为基础入门级别,B1,B2为高级进阶级别,C1,C2为流利进阶级别。《欧洲语言学习统一标准》(Cadreeuropéencommunderéférencepourleslangues),简称”欧标”。是欧洲议会在2001年11月通过的一套建议标准,为欧洲语言在评量架构和教学指…

  • 安卓抓取直播源_港澳台rtmp直播源

    安卓抓取直播源_港澳台rtmp直播源很多时候你们在pc端看电视直播,都会出现直播源失效的情况,这样就可以用到电视直播源抓取工具箱,帮助你们自动抓取最新的直播源,让你们能够随时的观看自己喜欢的电视内容。软件简介:经常看到大家电视直播源群里找各种直播源,也会在欢社区的论坛找找到相关的直播源,由于直播源失效性很快,所以一般不能用的比能用得还多。与其这么麻烦不如自己麻烦点,虽然需求自己动手丰衣足食,但起码找到的都是有效的!从源代码里找直播源…

    2022年10月20日
  • Snort安装_snorer

    Snort安装_snorer1、下载源文件wgethttps://www.snort.org/downloads/snort/daq-2.0.6.tar.gzwgethttps://www.snort.org/downloads/snort/snort-2.9.8.0.tar.gz2、解压安装tarxvfzdaq-2.0.6.tar.gzcddaq-2.0.6./configure;mak

    2022年10月24日

发表回复

您的电子邮箱地址不会被公开。

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