JavaScript获取路径设计源码


Posted in Javascript onMay 22, 2014

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)初始化时

JavaScript获取路径设计源码

(2)获取当前网址

 JavaScript获取路径设计源码

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

 JavaScript获取路径设计源码

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

JavaScript获取路径设计源码

(5)获取主机地址

JavaScript获取路径设计源码

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

JavaScript获取路径设计源码

(7)获取项目路径

JavaScript获取路径设计源码

Javascript 相关文章推荐
比较搞笑的js陷阱题
Feb 07 Javascript
添加JavaScript重载函数的辅助方法2
Jul 04 Javascript
jQuery EasyUI API 中文文档 - Calendar日历使用
Oct 19 Javascript
jquery将一个表单序列化为一个对象的方法
Dec 02 Javascript
JS访问SWF的函数用法实例
Jul 01 Javascript
js实现改进的仿蓝色论坛导航菜单效果代码
Sep 06 Javascript
Bootstrap与KnockoutJs相结合实现分页效果实例详解
May 03 Javascript
第一篇初识bootstrap
Jun 21 Javascript
JavaScript获取css行间样式,内连样式和外链样式的简单方法
Jul 18 Javascript
bootstrapValidator.min.js表单验证插件
Feb 09 Javascript
微信小程序自定义prompt组件步骤详解
Jun 12 Javascript
webpack4之如何编写loader的方法步骤
Jun 06 Javascript
javascript学习笔记--数字格式类型
May 22 #Javascript
禁用Enter键表单自动提交实现代码
May 22 #Javascript
javascript常见用法总结
May 22 #Javascript
JS常用字符串处理方法应用总结
May 22 #Javascript
通过js来制作复选框的全选和不选效果
May 22 #Javascript
js动态添加表格数据使用insertRow和insertCell实现
May 22 #Javascript
js简单实现交换Li的值
May 22 #Javascript
You might like
解析isset与is_null的区别
2013/08/09 PHP
浅析echo(),print(),print_r(),return之间的区别
2013/11/27 PHP
TP3.2批量上传文件或图片 同名冲突问题的解决方法
2017/08/01 PHP
PhpStorm 2020.3:新增开箱即用的PHP 8属性(推荐)
2020/10/30 PHP
自动生成文章摘要的代码[JavaScript 版本]
2007/03/20 Javascript
浅谈javascript的数据类型检测
2010/07/10 Javascript
javascript 快速排序函数代码
2012/05/30 Javascript
滚动图片效果 jquery实现回旋滚动效果
2013/01/08 Javascript
JS window对象的top、parent、opener含义介绍
2013/12/03 Javascript
JavaScript中的闭包介绍
2015/03/15 Javascript
jQuery代码实现图片墙自动+手动淡入淡出切换效果
2016/05/09 Javascript
JavaScript数组的栈方法与队列方法详解
2016/05/26 Javascript
原生JavaScript编写canvas版的连连看游戏
2016/05/29 Javascript
Angular懒加载机制刷新后无法回退的快速解决方法
2016/08/30 Javascript
详解nodejs中的process进程
2017/03/19 NodeJs
第一个Vue插件从封装到发布
2017/11/22 Javascript
bootstrap table支持高度百分比的实例代码
2018/02/28 Javascript
vue学习笔记之slot插槽基本用法实例分析
2020/02/01 Javascript
webpack 动态批量加载文件的实现方法
2020/03/19 Javascript
Python抓取手机号归属地信息示例代码
2016/11/28 Python
python运行其他程序的实现方法
2017/07/14 Python
Python数据处理numpy.median的实例讲解
2018/04/02 Python
Pandas标记删除重复记录的方法
2018/04/08 Python
详解python--模拟轮盘抽奖游戏
2019/04/12 Python
Python实现决策树并且使用Graphviz可视化的例子
2019/08/09 Python
python 使用pygame工具包实现贪吃蛇游戏(多彩版)
2019/10/30 Python
python内打印变量之%和f的实例
2020/02/19 Python
Python爬虫实例之2021猫眼票房字体加密反爬策略(粗略版)
2021/02/22 Python
AmazeUI 网格的实现示例
2020/08/13 HTML / CSS
大学新生军训感言
2014/02/25 职场文书
企业承诺书怎么写
2014/05/24 职场文书
2014年教师个人工作总结
2014/11/10 职场文书
2015年求职自荐信范文
2015/03/04 职场文书
天气温馨提示语
2015/07/14 职场文书
60句有关成长的名言
2019/09/04 职场文书
Python基本知识点总结
2022/04/07 Python