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 相关文章推荐
Javascript表达式中连续的 &amp;&amp; 和 || 之赋值区别
Oct 17 Javascript
谈谈JSON对象和字符串之间的相互转换JSON.stringify(obj)和JSON.parse(string)
Oct 01 Javascript
js与jquery分别实现tab标签页功能的方法
Nov 18 Javascript
原生JS实现图片翻书效果
Feb 16 Javascript
完美实现js焦点轮播效果(二)(图片可滚动)
Mar 07 Javascript
轻松理解JavaScript之AJAX
Mar 15 Javascript
vue-cli如何添加less 以及sass
Jul 06 Javascript
vue 插值 v-once,v-text, v-html详解
Jan 19 Javascript
bootstrap table合并行数据并居中对齐效果
Oct 17 Javascript
JavaScript闭包原理与用法学习笔记
May 29 Javascript
vue 导航菜单刷新状态不消失,显示对应的路由界面操作
Aug 06 Javascript
JavaScript的垃圾回收机制与内存管理
Aug 06 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模拟SQL Server的两个日期处理函数
2006/10/09 PHP
微信支付开发教程(一)微信支付URL配置
2014/05/28 PHP
PHP基于数组实现的分页函数实例
2014/08/20 PHP
PHP实现AES256加密算法实例
2014/09/22 PHP
php防止站外远程提交表单的方法
2014/10/20 PHP
php中实现可以返回多个值的函数实例
2015/03/21 PHP
如何通过View::first使用Laravel Blade的动态模板详解
2017/09/21 PHP
快速解决PHP调用Word组件DCOM权限的问题
2017/12/27 PHP
Using the TextRange Object
2006/10/14 Javascript
在Javascript中定义对象类别
2006/12/22 Javascript
jQuery 改变CSS样式基础代码
2010/02/11 Javascript
jQuery UI 应用不同Theme的办法
2010/09/12 Javascript
JavaScript设计模式之外观模式介绍
2014/12/28 Javascript
jQuery遍历json的方法(推荐)
2016/06/12 Javascript
基于jQuery实现淡入淡出效果轮播图
2020/07/31 Javascript
Bootstrap路径导航与分页学习使用
2017/02/08 Javascript
vue 2.0封装model组件的方法
2017/08/03 Javascript
JavaScript实现HTML5游戏断线自动重连的方法
2017/09/18 Javascript
微信小程序封装分享与分销功能过程解析
2019/08/13 Javascript
使用Angular9和TypeScript开发RPG游戏的方法
2020/03/25 Javascript
js实现简单的无缝轮播效果
2020/09/05 Javascript
[03:46]DOTA2英雄基础教程 维萨吉
2013/12/11 DOTA
python实现在无须过多援引的情况下创建字典的方法
2014/09/25 Python
python实现指定字符串补全空格的方法
2015/04/30 Python
代码讲解Python对Windows服务进行监控
2018/02/11 Python
pycharm恢复默认设置或者是替换pycharm的解释器实例
2018/10/29 Python
iPhoneX安全区域(Safe Area)底部小黑条在微信小程序和H5的屏幕适配
2020/04/08 HTML / CSS
香蕉共和国加拿大官网:Banana Republic加拿大
2018/08/06 全球购物
大学生求职推荐信
2013/11/27 职场文书
竞选宣传委员演讲稿
2014/05/24 职场文书
大学生社会实践活动总结
2014/07/03 职场文书
离婚协议书怎么写2014
2014/09/30 职场文书
幼儿园安全管理制度
2015/08/05 职场文书
2019年个人工作总结范文(3篇)
2019/08/27 职场文书
pytorch加载预训练模型与自己模型不匹配的解决方案
2021/05/13 Python
delete in子查询不走索引问题分析
2022/07/07 MySQL