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 相关文章推荐
JS中的异常处理方法分享
Dec 22 Javascript
jquery动态改变form属性提交表单
Jun 03 Javascript
jQuery的ready方法详解
Nov 27 Javascript
微信小程序 购物车简单实例
Oct 24 Javascript
基于Vue如何封装分页组件
Dec 16 Javascript
Vue中使用vux的配置详解
May 05 Javascript
重新认识vue之事件阻止冒泡的实现
Aug 02 Javascript
css配合JavaScript实现tab标签切换效果
Oct 11 Javascript
JavaScript中的一些实用小技巧总结
Apr 07 Javascript
Vue对象赋值视图不更新问题及解决方法
Jun 03 Javascript
jquery中为什么能用$操作
Jun 18 jQuery
基于JavaScript实现十五拼图代码实例
Apr 26 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
关于svn冲突的解决方法
2013/06/21 PHP
php操作mongoDB实例分析
2014/12/29 PHP
PHP获取毫秒级时间戳的方法
2015/04/15 PHP
PHP页面跳转实现延时跳转的方法
2016/12/10 PHP
ThinkPHP5 验证器的具体使用
2018/05/31 PHP
PHP实现基于3DES算法加密解密字符串示例
2018/08/24 PHP
IE与Firefox下javascript getyear年份的兼容性写法
2007/12/20 Javascript
jQuery EasyUI API 中文文档 - NumberBox数字框
2011/10/13 Javascript
javascript实现颜色渐变的方法
2013/10/30 Javascript
js实现登陆遮罩效果的方法
2015/07/28 Javascript
BOM之navigator对象和用户代理检测
2017/02/10 Javascript
探讨Vue.js的组件和模板
2017/10/27 Javascript
在nginx上部署vue项目(history模式)的方法
2017/12/28 Javascript
React Form组件的实现封装杂谈
2018/05/07 Javascript
Vue 动态路由的实现及 Springsecurity 按钮级别的权限控制
2019/09/05 Javascript
Vue防止白屏添加首屏动画的实例
2019/10/31 Javascript
vue3中轻松实现switch功能组件的全过程
2021/01/07 Vue.js
用Python实现一个简单的多线程TCP服务器的教程
2015/05/05 Python
详解Python安装tesserocr遇到的各种问题及解决办法
2019/03/07 Python
使用Python的Turtle绘制哆啦A梦实例
2019/11/21 Python
Python坐标轴操作及设置代码实例
2020/06/04 Python
Tensorflow tensor 数学运算和逻辑运算方式
2020/06/30 Python
Python爬取网页信息的示例
2020/09/24 Python
CSS3 icon font完全指南(CSS3 font 会取代icon图标)
2013/01/06 HTML / CSS
浅谈CSS3动画的回调处理
2016/07/21 HTML / CSS
意大利奢侈品购物网站:Giglio
2018/01/05 全球购物
物业门卫岗位职责
2013/12/28 职场文书
2014年迎新年联欢会活动策划方案
2014/02/26 职场文书
小学学雷锋活动总结
2014/04/25 职场文书
感恩的演讲稿
2014/05/06 职场文书
农行心得体会
2014/09/02 职场文书
教书育人演讲稿
2014/09/11 职场文书
2014年人民调解工作总结
2014/12/08 职场文书
工厂员工辞职信范文
2015/05/12 职场文书
低端且暴利的线上线下创业项目分享
2019/09/03 职场文书
导游词之江南周庄
2019/12/06 职场文书