JavaScript获取路径的方法有很多,网上也可以搜索的到,下面本例也要为大家讲解下,有源码及结果截图

1、设计源码

 
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

<title>JavaScript获取路径</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<script type="text/javascript">
function findPath()
{
//获取当前网址
var curNetAddr = window.document.location.href;
alert("获取当前网址:" + curNetAddr);

//获取主机地址之后的目录
var hostPath = window.document.location.pathname;
alert("获取主机地址之后的目录:" + hostPath);

//返回某个指定的字符串值在字符串中首次出现的位置
var count = curNetAddr.indexOf(hostPath);
alert("返回某个指定的字符串值在字符串中首次出现的位置:" + count);

//获取主机地址
var hostAddr = curNetAddr.substring(0,count);
alert("获取主机地址:" + hostAddr);

//获取带“/”的项目名
var projectName = hostPath.substring(0,hostPath.substr(1).indexOf('/')+1);
alert("获取带“/”的项目名:" + projectName);

//获取项目路径
var path = hostAddr + projectName;
alert("获取项目路径:" + path);
}
</script>

</head>

<body>
<div id="body_div">
<input type="button" id="btn" value="获取路径" onclick="findPath()"/>
</div>
</body>
</html>

2、设计结果

(1)初始化时

(2)获取当前网址

 

(3)获取主机地址之后的目录

 

(4)返回某个指定的字符串值在字符串中首次出现的位置

(5)获取主机地址

(6)获取带“/”的项目名

(7)获取项目路径

最新资讯
新·四夸克

新·四夸克

最近,欧洲核子研究中心(CERN)的LHCb合作小组宣布了一项新
纪源资本符绩勋:科创板最大创新放开利润要求

纪源资本符绩勋:科创板

谈到对科创板的建议,符绩勋认为,最重要的建议就是希望科
爱立信中国总裁赵钧陶:5G时代中国依然会引领全球发展

爱立信中国总裁赵钧陶

爱立信中国总裁赵钧陶表示,爱立信对中国5G市场报有比较
潮汐锁定星球的“中间地带”可能孕育生命形式

潮汐锁定星球的“中间

潮汐锁定的星球非常特殊,一侧永远是白天,另一侧永远是夜
新模型揭示地磁场变化速率比预计的快10倍

新模型揭示地磁场变化

在近期的新研究中,科学家通过模拟显示了10万年以来地磁
内测微信小商店?腾讯的电商生意,终究还是门口蹭蹭而已

内测微信小商店?腾讯的

有些热度蹭得不错,蹭着蹭着,就被别人说成了抄袭,很多游戏
最新文章
Vue实现图片与文字混输效果

Vue实现图片与文字混

用多了 JQuery ,习惯了使用JQuery的API操作 DOM ,几乎忘
Vue实现点击当前元素以外的地方隐藏当前元素(实现思路)

Vue实现点击当前元素

这篇文章主要介绍了Vue实现点击当前元素以外的地方隐
Vue实现验证码功能

Vue实现验证码功能

这篇文章主要为大家详细介绍了Vue实现验证码功能,文中
JS实现的雪花飘落特效示例

JS实现的雪花飘落特效

这篇文章主要介绍了JS实现的雪花飘落特效,结合实例形
微信小程序实现图片压缩

微信小程序实现图片压

这篇文章主要为大家详细介绍了微信小程序实现图片压缩
JavaScript实现京东放大镜效果

JavaScript实现京东放

这篇文章主要为大家详细介绍了JavaScript实现京东放大