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 相关文章推荐
基于JQuery实现CheckBox全选全不选
Jun 27 Javascript
解析页面加载与js函数的执行 onload or ready
Dec 12 Javascript
纯JavaScript代码实现移动设备绘图解锁
Oct 16 Javascript
原生JS实现圆环拖拽效果
Apr 07 Javascript
vue2实现数据请求显示loading图
Nov 28 Javascript
使用mock.js随机数据和使用express输出json接口的实现方法
Jan 07 Javascript
jQuery实现的页面详情展开收起功能示例
Jun 11 jQuery
webpack打包react项目的实现方法
Jun 21 Javascript
优雅的elementUI table单元格可编辑实现方法详解
Dec 23 Javascript
通过图带你深入了解vue的响应式原理
Jun 21 Javascript
vue制作抓娃娃机的示例代码
Apr 17 Javascript
JS sort排序详细使用方法示例解析
Sep 27 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
PHP关联数组的10个操作技巧
2013/01/21 PHP
php获取mysql字段名称和其它信息的例子
2014/04/14 PHP
Laravel框架在本地虚拟机快速安装的方法详解
2018/06/11 PHP
JSCode all of Brower 全局屏蔽网页右键功能 具体实现
2013/06/05 Javascript
JavaScript基础教程之alert弹出提示框实例
2014/10/16 Javascript
js控制鼠标事件移动及移出效果显示
2014/10/19 Javascript
javascript适合移动端的日期时间拾取器
2015/11/10 Javascript
Node.js本地文件操作之文件拷贝与目录遍历的方法
2016/02/16 Javascript
JQuery ztree带筛选、异步加载实例讲解
2016/02/25 Javascript
js中字符型和数值型数字的互相转化方法(必看)
2017/04/25 Javascript
jQuery实现可兼容IE6的滚动监听功能
2017/09/20 jQuery
AngularJS中的路由使用及实现代码
2017/10/09 Javascript
Webpack中loader打包各种文件的方法实例
2019/09/03 Javascript
vue3为什么要用proxy替代defineProperty
2020/10/19 Javascript
pyside写ui界面入门示例
2014/01/22 Python
解密Python中的描述符(descriptor)
2015/06/03 Python
Python抓取框架 Scrapy的架构
2016/08/12 Python
python用pickle模块实现“增删改查”的简易功能
2017/06/07 Python
pyhton列表转换为数组的实例
2018/04/04 Python
利用python将pdf输出为txt的实例讲解
2018/04/23 Python
Python判断对象是否相等及eq函数的讲解
2019/02/25 Python
python 直接赋值和copy的区别详解
2019/08/07 Python
python中字典按键或键值排序的实现代码
2019/08/27 Python
pytorch torchvision.ImageFolder的用法介绍
2020/02/20 Python
Alexandre Birman美国官网:亚历山大·伯曼
2019/10/30 全球购物
保研推荐信
2014/05/09 职场文书
2014年幼儿园后勤工作总结
2014/11/10 职场文书
现役军人家属慰问信
2015/03/24 职场文书
材料采购员岗位职责
2015/04/03 职场文书
2015年农村党员公开承诺事项
2015/04/28 职场文书
于丹讲座视频观后感
2015/06/15 职场文书
五一放假通知怎么写
2015/08/18 职场文书
《巨人的花园》教学反思
2016/02/19 职场文书
Nginx Rewrite使用场景及配置方法解析
2021/04/01 Servers
SQLServer RANK() 排名函数的使用
2022/03/23 SQL Server
Python&Matlab实现樱花的绘制
2022/04/07 Python