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 相关文章推荐
使用ExtJS技术实现的拖动树结点
Aug 05 Javascript
div拖拽插件——JQ.MoveBox.js(自制JQ插件)
May 17 Javascript
jquery实现鼠标拖拽滑动效果来选择数字的方法
May 04 Javascript
jquery实现很酷的网页顶部图标下拉菜单效果
Aug 22 Javascript
js检测iframe是否加载完成的方法
Nov 26 Javascript
后端接收不到AngularJs中$http.post发送的数据原因分析及解决办法
Jul 05 Javascript
Bootstrap Table使用方法解析
Oct 19 Javascript
jquery 校验中国身份证号码实例详解
Apr 11 jQuery
javaScript产生随机数的用法小结
Apr 21 Javascript
vue打包的时候自动将px转成rem的操作方法
Jun 20 Javascript
React项目动态设置title标题的方法示例
Sep 26 Javascript
Element Alert警告的具体使用方法
Jul 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
用 Composer构建自己的 PHP 框架之构建路由
2014/10/30 PHP
PHP开发Apache服务器配置
2015/07/15 PHP
php技巧小结【推荐】
2017/01/19 PHP
Yii框架通过请求组件处理get,post请求的方法分析
2019/09/03 PHP
JavaScript 未结束的字符串常量常见解决方法
2010/01/24 Javascript
自写的一个jQuery圆角插件
2010/10/26 Javascript
基于jQuery的仿flash的广告轮播代码
2010/11/04 Javascript
JavaScript高级程序设计(第3版)学习笔记8 js函数(中)
2012/10/11 Javascript
文件编码导致jquery失效的解决方法
2013/06/26 Javascript
jQuery中 prop() attr()使用详解
2015/05/19 Javascript
jquery attr()设置和获取属性值实例教程
2016/09/25 Javascript
vue.js实例对象+组件树的详细介绍
2017/10/20 Javascript
微信小程序自动客服功能
2017/11/02 Javascript
javaScript产生随机数的用法小结
2018/04/21 Javascript
jQuery实现获取及设置CSS样式操作详解
2018/09/05 jQuery
vue使用@scroll监听滚动事件时,@scroll无效问题的解决方法详解
2019/10/15 Javascript
JavaScript制作3D旋转相册
2020/08/02 Javascript
jQuery实现手风琴特效
2021/01/11 jQuery
python使用cookielib库示例分享
2014/03/03 Python
Python Numpy:找到list中的np.nan值方法
2018/10/30 Python
pandas去除重复列的实现方法
2019/01/29 Python
Python实例方法、类方法、静态方法的区别与作用详解
2019/03/25 Python
Python中Numpy ndarray的使用详解
2019/05/24 Python
scikit-learn线性回归,多元回归,多项式回归的实现
2019/08/29 Python
快速实现一个简单的canvas迷宫游戏的示例
2018/07/04 HTML / CSS
HTML5超炫酷粒子效果的进度条的实现示例
2019/08/23 HTML / CSS
南非最受欢迎的时尚品牌:MRP
2016/09/18 全球购物
国际贸易专业个人求职信范文分享
2013/12/14 职场文书
韩国商务邀请函
2014/01/14 职场文书
幼儿园教师培训制度
2014/01/16 职场文书
校园标语大全
2014/06/19 职场文书
移交协议书
2014/08/19 职场文书
英语导游欢迎词
2015/09/30 职场文书
JavaScript如何优化逻辑判断代码详解
2021/06/08 Javascript
Nginx+Windows搭建域名访问环境的操作方法
2022/03/17 Servers
详解Go语言中Get/Post请求测试
2022/06/01 Golang