JS获取项目路径(二)

简介: JS获取项目路径(二)
  1. 如 http://localhost:8080/MyWeb/index.html , 在JS中要想获取项目名,直接getContextPath() 方法即可,获得的就是/MyWeb, 与JSP中的${pageContext.request.contextPath} 作用一样.


/* 获取项目前缀路径  即主机名*/
function getRootPath() {
  // 获取当前网址,如:http://localhost:8080/MyWeb/index.html
  var curWwwPath = window.document.location.href;
  // 获取主机地址之后的目录,如: MyWeb/index.html
  var pathName = window.document.location.pathname;
  var pos = curWwwPath.indexOf(pathName);
  // 获取主机地址,如: http://localhost:8080
  var localhostPath = curWwwPath.substring(0, pos);
  return localhostPath;
}
/* 获取项目路径 */
function getContextPath() {
  // 获取当前网址,如:http://localhost:8080/MyWeb/index.html
  var curWwwPath = window.document.location.href;
  // 获取主机地址之后的目录,如: MyWeb/index.html
  var pathName = window.document.location.pathname;
  var pos = curWwwPath.indexOf(pathName);
  // 获取带"/"的项目名,如:/MyWeb
  var projectName = pathName
      .substring(0, pathName.substr(1).indexOf('/') + 1);
  return projectName;
}
相关文章
|
16天前
|
JavaScript Java 测试技术
Java项目基于ssm+vue.js的网上手机销售系统附带文章和源代码设计说明文档ppt
Java项目基于ssm+vue.js的网上手机销售系统附带文章和源代码设计说明文档ppt
23 0
|
3天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的销售项目流程化管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的销售项目流程化管理系统附带文章源码部署视频讲解等
18 3
|
3天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的项目申报管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的项目申报管理系统附带文章源码部署视频讲解等
16 3
|
4天前
|
监控 JavaScript 前端开发
如何在现有的 JavaScript 项目中渐进式地采用 TypeScript
【6月更文挑战第13天】TypeScript,JavaScript的超集,引入静态类型和更多特性,提升代码安全性和可读性。在JavaScript项目中渐进式采用TypeScript可从新模块开始,逐步转换代码,编写.d.ts文件支持第三方库,配置编译选项,并编写测试用例。通过监控和评估,改善项目质量和效率。大型项目尤其受益于TypeScript的类型安全、社区支持和工具兼容性。
10 3
|
5天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的项目申报系统的设计与实现附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的项目申报系统的设计与实现附带文章源码部署视频讲解等
32 12
|
5天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的大学生双创竟赛项目申报与路演管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的大学生双创竟赛项目申报与路演管理系统附带文章源码部署视频讲解等
19 1
|
11天前
|
JavaScript 前端开发 中间件
Express框架搭建项目 node.js
【6月更文挑战第3天】这篇文章是关于使用Express框架构建Node.js Web应用的教程。Express是一个轻量级、功能丰富的框架,特点包括简洁灵活的核心、强大的中间件支持、灵活的路由系统和模板引擎兼容性。文章介绍了如何安装Express,并通过一个简单的示例展示了如何创建一个基本的Web服务器。最后,鼓励读者继续学习和实践,以充分利用Express和Node.js的能力。
9 1
|
12天前
|
JavaScript Java 测试技术
基于ssm+vue.js+uniapp小程序的项目监管系统附带文章和源代码部署视频讲解等
基于ssm+vue.js+uniapp小程序的项目监管系统附带文章和源代码部署视频讲解等
12 2
|
16天前
|
JavaScript Java 测试技术
Java项目基于ssm+vue.js的生鲜在线销售系统附带文章和源代码设计说明文档ppt
Java项目基于ssm+vue.js的生鲜在线销售系统附带文章和源代码设计说明文档ppt
14 0
|
16天前
|
JavaScript Java 测试技术
Java项目基于ssm+vue.js的经典电影推荐网站附带文章和源代码设计说明文档ppt
Java项目基于ssm+vue.js的经典电影推荐网站附带文章和源代码设计说明文档ppt
13 0