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 :first选择器使用介绍
Aug 09 Javascript
怎么选择Javascript框架(Javascript Framework)
Nov 22 Javascript
JavaScript排序算法动画演示效果的实现方法
Oct 18 Javascript
JavaScript运动框架 链式运动到完美运动(五)
May 18 Javascript
JavaScript实现滑动导航栏效果
Aug 30 Javascript
基于JavaScript实现五子棋游戏
Aug 26 Javascript
jQuery简单实现的HTML页面文本框模糊匹配查询功能完整示例
May 09 jQuery
[原创]微信小程序获取网络类型的方法示例
Mar 01 Javascript
bootstrap tooltips在 angularJS中的使用方法
Apr 10 Javascript
jQuery轮播图功能制作方法详解
Dec 03 jQuery
JavaScript实现文件下载并重命名代码实例
Dec 12 Javascript
JS数组属性去重并校验重复数据
Jan 10 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
PHP5.3的垃圾回收机制(动态存储分配方案)深入理解
2012/12/10 PHP
PHP jQuery表单,带验证具体实现方法
2014/02/15 PHP
PHP URL参数获取方式的四种例子
2014/02/28 PHP
你可能不知道PHP get_meta_tags()函数
2014/05/12 PHP
windows的文件系统机制引发的PHP路径爆破问题分析
2014/07/28 PHP
PHP simplexml_import_dom()函数讲解
2019/02/03 PHP
javascript编程起步(第二课)
2007/01/10 Javascript
JavaScript 实现模态对话框 源代码大全
2009/05/02 Javascript
jquery DOM操作 基于命令改变页面
2010/05/06 Javascript
javaScript 利用闭包模拟对象的私有属性
2011/12/29 Javascript
javascript中如何处理引号编码&amp;#034;
2013/08/15 Javascript
JQuery插件fancybox无法在弹出层使用左右键的解决办法
2013/12/25 Javascript
js实现类似jquery里animate动画效果的方法
2015/04/10 Javascript
Javascript实现颜色rgb与16进制转换的方法
2015/04/18 Javascript
js实现适用于素材网站的黑色多级菜单导航条效果
2015/08/24 Javascript
Web前端开发工具——bower依赖包管理工具
2016/03/29 Javascript
微信jssdk用法汇总
2016/07/16 Javascript
关于json字符串与实体之间的严格验证代码
2016/11/10 Javascript
ie下js不执行的几种可能
2017/02/28 Javascript
bootstrap表单示例代码分享
2017/05/18 Javascript
JS给按钮添加跳转功能类似a标签
2017/05/30 Javascript
nodejs微信扫码支付功能实现
2018/02/17 NodeJs
Vue2.0 给Tab标签页和页面切换过渡添加样式的方法
2018/03/13 Javascript
解决vue 绑定对象内点击事件失效问题
2018/09/05 Javascript
Node.JS获取GET,POST数据之queryString模块使用方法详解
2020/02/06 Javascript
[01:54]TI珍贵瞬间系列(三):翻盘
2020/08/28 DOTA
[02:36]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Magma 选手采访
2021/03/11 DOTA
Python工程师面试必备25条知识点
2018/01/17 Python
Python玩转加密的技巧【推荐】
2019/05/13 Python
python 类的继承 实例方法.静态方法.类方法的代码解析
2019/08/23 Python
python新式类和经典类的区别实例分析
2020/03/23 Python
Python使用tkinter制作在线翻译软件
2021/02/22 Python
阿里云:Aliyun.com
2017/02/15 全球购物
教育学专业实习生的自我鉴定
2013/11/26 职场文书
人民教师求职自荐信
2014/03/12 职场文书
工作疏忽、懈怠的检讨书
2014/09/11 职场文书