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


相关推荐

  • 第七次人口普查数据可视化分析实战——基于pyecharts(含数据和源码)[通俗易懂]

    第七次人口普查数据可视化分析实战——基于pyecharts(含数据和源码)[通俗易懂]第七次人口普查数据分析实战?个人主页:JoJo的数据分析历险记?个人介绍:小编大四统计在读,目前保研到统计学top3高校继续攻读统计研究生?如果文章对你有帮助,欢迎✌关注、?点赞、✌收藏、?订阅专栏国家统计局发布的第七次人口普查数据较为宏观,未能较好的体现各地区人口指标的分布情况。本文基于Pyecharts对各地区人口普查数据的分布情况进行可视化分析?。

  • pnp饱和状态条件_二极管的极性判别

    pnp饱和状态条件_二极管的极性判别1.截止状态:当b-e结反偏、零偏、浅正偏(指琐然正偏,似正向压降小于门槛电压)时Ib=0.Ic=Ice≈0,三极管截止,此时Rce内阻为无穷大,Vce约等于电源电压。  2.导通放大状态:当be正偏、bc反偏;且Vbe大于门槛电压时为导通放大状态,此时Vc>Vb>Ve.且Vbe=0.7V。导通后Rce减小,导通越深,Rce内阻越小.Vce越小。在放大状态,Ib能控制Ic.即具有电…

  • Java开发手册之OOP规约

    Java开发手册之OOP规约Java开发手册之OOP规约

  • phpstorm 2021 激活码3月最新在线激活

    phpstorm 2021 激活码3月最新在线激活,https://javaforall.cn/100143.html。详细ieda激活码不妨到全栈程序员必看教程网一起来了解一下吧!

  • C++_vector操作

    C++_vector操作vector说明:vector是向量类型,可以容纳许多类型的数据,因此也被称为容器(可以理解为动态数组,是封装好了的类)vector头文件-vectorvector初始化:方式1.vector<int>a(10);//定义具有10个整型元素的向量(尖括号为元素类型名,它可以是任何合法的数据类型),不具有初值,其值不确定方式2.vector<int>a…

  • Mac 下 JAVA 环境变量的配置

    Mac 下 JAVA 环境变量的配置1.先点击划红线的这个【小火箭】2.打开你会看到有【其他】这一个栏目,点击打开。3.打开后,你会看到这个【终端】,然后点击4.会呈现出这样的界面当然你别管是什么,紧接着第5步。 5.输入这条命令行【/usr/libexec/java_home-V】查看默认的jdk下载地址注意:命令行终端是区分大小写的(-v是不对的,必须是大写-V)…

发表回复

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

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