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调用WebService的实现代码
Jun 19 Javascript
纯jquery实现模仿淘宝购物车结算
Aug 20 Javascript
jQuery ajax全局函数处理session过期后的ajax跳转问题
Jun 03 Javascript
vue.js如何将echarts封装为组件一键使用详解
Oct 10 Javascript
AngularJS实现的省市二级联动功能示例【可对选项实现增删】
Oct 26 Javascript
Vue项目组件化工程开发实践方案
Jan 09 Javascript
vue-prop父组件向子组件进行传值的方法
Mar 01 Javascript
使用vue-router完成简单导航功能【推荐】
Jun 28 Javascript
Vee-validate 父组件获取子组件表单校验结果的实例代码
May 20 Javascript
微信小程序防止多次点击跳转(函数节流)
Sep 19 Javascript
JavaScript中的各种宽高属性的实现
May 08 Javascript
js实现手表表盘时钟与圆周运动
Sep 18 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 巧用数组降低程序的时间复杂度
2010/01/01 PHP
php实现文件下载功能的几个代码分享
2014/05/10 PHP
destoon切换城市后实现logo旁边显示地区名称的方法
2014/08/21 PHP
php利用云片网实现短信验证码功能的示例代码
2017/11/18 PHP
PHP-FPM的配置与优化讲解
2019/03/15 PHP
jquery 插件学习(五)
2012/08/06 Javascript
js同比例缩放图片的小例子
2013/10/30 Javascript
require.js深入了解 require.js特性介绍
2014/09/04 Javascript
javascript记录文本框内文字个数检测文字个数变化
2014/10/14 Javascript
jQuery在ul中显示某个li索引号的方法
2015/03/17 Javascript
Backbone中View之间传值的学习心得
2016/08/09 Javascript
关于javascript中限定时间内防止按钮重复点击的思路详解
2016/08/16 Javascript
JavaScript代码里的判断小结
2016/08/22 Javascript
微信小程序中form 表单提交和取值实例详解
2017/04/20 Javascript
js实现放大镜特效
2017/05/18 Javascript
使用vue-cli脚手架工具搭建vue-webpack项目
2019/01/14 Javascript
详解微信小程序-扫一扫 wx.scanCode() 扫码大变身
2019/04/30 Javascript
vue瀑布流组件实现上拉加载更多
2020/03/10 Javascript
跟老齐学Python之总结参数的传递
2014/10/10 Python
简单介绍Python中的floor()方法
2015/05/15 Python
Python实现的FTP通信客户端与服务器端功能示例
2018/03/28 Python
python生成密码字典的方法
2018/07/06 Python
python用match()函数爬数据方法详解
2019/07/23 Python
Python队列RabbitMQ 使用方法实例记录
2019/08/05 Python
解决pycharm安装第三方库失败的问题
2020/05/09 Python
新版Pycharm中Matplotlib不会弹出独立的显示窗口的问题
2020/06/02 Python
绝对令人的惊叹的CSS3折叠效果(3D效果)整理
2012/12/30 HTML / CSS
BIFFI美国站:意大利BIFFI BOUTIQUES豪华多品牌时装零售公司
2020/02/11 全球购物
美国艺术和工艺品商店:Hobby Lobby
2020/12/09 全球购物
婚礼新郎父母答谢词
2014/01/16 职场文书
逃课上网检讨书
2014/02/20 职场文书
护理学专业求职信
2014/06/29 职场文书
2014年幼儿园教师工作总结
2014/11/08 职场文书
幼儿园家长心得体会
2016/01/21 职场文书
Linux系统下安装PHP7.3版本
2021/06/26 PHP
在python中读取和写入CSV文件详情
2022/06/28 Python