JavaScript获取路径

最新推荐文章于 2021-02-25 19:03:19 发布

空-城旧-梦

最新推荐文章于 2021-02-25 19:03:19 发布

阅读量347

点赞数

分类专栏：前端

前端专栏收录该内容

19 篇文章 0 订阅

订阅专栏

JavaScript获取路径

1、设计源码

[html] view plain copy

print ?

<%@ 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>

<%@ 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="获取路径" οnclick="findPath()"/>
     </div>
  </body>
</html>

2、设计结果

（1）初始化时

（2）获取当前网址

（3）获取主机地址之后的目录

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

（5）获取主机地址

（6）获取带“/”的项目名

（7）获取项目路径

空-城旧-梦

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript获取路径

JavaScript获取路径1、设计源码[html] view plain copyprint?%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> > html> head> title>JavaScript获取路径ti
复制链接

扫一扫