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 相关文章推荐
[原创]来自ImageSee官方 JavaScript图片浏览器
Jan 16 Javascript
高性能web开发 如何加载JS,JS应该放在什么位置?
May 14 Javascript
javascript的正则匹配方法学习
Feb 24 Javascript
基于JS实现密码框(password)中显示文字提示功能代码
May 27 Javascript
JavaScript每天必学之事件
Sep 18 Javascript
JS使用插件cryptojs进行加密解密数据实例
May 11 Javascript
javascript实现Java中的Map对象功能的实例详解
Aug 21 Javascript
dropload.js插件下拉刷新和上拉加载使用详解
Oct 20 Javascript
Vue中的slot使用插槽分发内容的方法
Mar 01 Javascript
vue-cli配置环境变量的方法
Jul 09 Javascript
JavaScript寄生组合式继承原理与用法分析
Jan 11 Javascript
Vue实现附件上传功能
May 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
杏林同学录(二)
2006/10/09 PHP
PHP header函数分析详解
2011/08/06 PHP
Thinkphp搜索时首页分页和搜索页保持条件分页的方法
2014/12/05 PHP
php实现微信发红包
2015/12/05 PHP
Yii2框架操作数据库的方法分析【以mysql为例】
2019/05/27 PHP
优化Jquery,提升网页加载速度
2013/11/14 Javascript
jquery弹窗插件colorbox绑定动态生成元素的方法
2014/06/20 Javascript
使用JS获取当前地理位置方法汇总
2014/12/18 Javascript
JS获取各种宽度、高度的简单介绍
2014/12/19 Javascript
在Node.js中使用HTTP上传文件的方法
2015/06/23 Javascript
修复jQuery tablesorter无法正确排序的bug(加千分位数字后)
2016/03/30 Javascript
javascript中this指向详解
2016/04/23 Javascript
javascript input输入框模糊提示功能的实现
2017/09/25 Javascript
jQuery pjax 应用简单示例
2018/09/20 jQuery
如何用vue-cli3脚手架搭建一个基于ts的基础脚手架的方法
2019/12/12 Javascript
从0到1学习JavaScript编写贪吃蛇游戏
2020/07/28 Javascript
js实现抽奖功能
2020/11/24 Javascript
详解vue中使用transition和animation的实例代码
2020/12/12 Vue.js
Python os模块中的isfile()和isdir()函数均返回false问题解决方法
2015/02/04 Python
python获取网页中所有图片并筛选指定分辨率的方法
2018/03/31 Python
Python3.7中安装openCV库的方法
2018/07/11 Python
python使用matplotlib模块绘制多条折线图、散点图
2020/04/26 Python
python 含子图的gif生成时内存溢出的方法
2019/07/07 Python
python爬虫 execjs安装配置及使用
2019/07/30 Python
python中读入二维csv格式的表格方法详解(以元组/列表形式表示)
2020/04/24 Python
Python3+selenium配置常见报错解决方案
2020/08/28 Python
Python列表推导式实现代码实例
2020/09/09 Python
施华洛世奇日本官网:SWAROVSKI日本
2018/05/04 全球购物
应届毕业生自我鉴定范文
2013/12/27 职场文书
活动总结的格式
2014/05/07 职场文书
四风查摆剖析材料
2014/10/10 职场文书
不同意离婚代理词
2015/05/23 职场文书
《少年闰土》教学反思
2016/02/18 职场文书
教你用Python写一个植物大战僵尸小游戏
2021/04/25 Python
MySQL sql_mode的使用详解
2021/05/08 MySQL
bat批处理之字符串操作的实现
2022/03/16 Python