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 Tips(2) 关于$()包装集你不知道的
Dec 14 Javascript
JS 控件事件小结
Oct 31 Javascript
Javascript学习指南
Dec 01 Javascript
node.js中的fs.fchmod方法使用说明
Dec 16 Javascript
详解javascript的变量与标识符
Jan 04 Javascript
Javascript 判断两个IP是否在同一网段实例代码
Nov 28 Javascript
2种简单的js倒计时方式
Oct 20 Javascript
vue项目实战总结篇
Feb 11 Javascript
bootstrap自定义样式之bootstrap实现侧边导航栏功能
Sep 10 Javascript
使用pkg打包Node.js应用的方法步骤
Oct 19 Javascript
JavaScript修改注册表实例代码
Jan 05 Javascript
JsonServer安装及启动过程图解
Feb 28 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
Zend Framework入门教程之Zend_Config组件用法详解
2016/12/09 PHP
strpos() 函数判断字符串中是否包含某字符串的方法
2019/01/16 PHP
使用Rancher在K8S上部署高性能PHP应用程序的教程
2020/07/10 PHP
JavaScript版代码高亮
2006/06/26 Javascript
JavaScript中出现乱码的处理心得
2009/12/24 Javascript
通过Jquery遍历Json的两种数据结构的实现代码
2011/01/19 Javascript
js里怎么取select标签里的值并修改
2012/12/10 Javascript
jQuery实现当前页面标签高亮显示的方法
2015/03/10 Javascript
jQuery实现提交按钮点击后变成正在处理字样并禁止点击的方法
2015/03/24 Javascript
JavaScript实现表格点击排序的方法
2015/05/11 Javascript
js获取鼠标位置实例详解
2015/12/09 Javascript
js下拉菜单生成器dropMenu使用方法详解
2017/08/01 Javascript
详解关于Angular4 ng-zorro使用过程中遇到的问题
2018/12/05 Javascript
uni-app 组件里面获取元素宽高的实现
2019/12/27 Javascript
JS数组Reduce方法功能与用法实例详解
2020/04/29 Javascript
微信小程序实现带放大效果的轮播图
2020/05/26 Javascript
[01:21]DOTA2 新英雄 森海飞霞
2020/12/18 DOTA
[01:06:54]DOTA2-DPC中国联赛 正赛 RNG vs Dragon BO3 第一场 1月24日
2021/03/11 DOTA
Python使用MySQLdb for Python操作数据库教程
2014/10/11 Python
利用Anaconda完美解决Python 2与python 3的共存问题
2017/05/25 Python
对python中的高效迭代器函数详解
2018/10/18 Python
postman传递当前时间戳实例详解
2019/09/14 Python
使用python 对验证码图片进行降噪处理
2019/12/18 Python
pytorch实现保证每次运行使用的随机数都相同
2020/02/20 Python
详解用Python进行时间序列预测的7种方法
2020/03/13 Python
什么是python的自省
2020/06/21 Python
Python调用C语言程序方法解析
2020/07/07 Python
美国户外生活方式品牌:Eddie Bauer
2016/12/28 全球购物
MAC Cosmetics巴西官方网站:M·A·C彩妆
2019/04/18 全球购物
关于祖国的演讲稿
2014/05/04 职场文书
学校募捐倡议书
2014/05/14 职场文书
廉洁自律演讲稿
2014/05/22 职场文书
奥运会口号
2014/06/13 职场文书
2015年外联部工作总结
2015/04/03 职场文书
六年级作文之家庭作文
2019/12/12 职场文书
关于antd tree 和父子组件之间的传值问题(react 总结)
2021/06/02 Javascript