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代码
Feb 11 Javascript
jQuery LigerUI 插件介绍及使用之ligerDrag和ligerResizable示例代码打包
Apr 06 Javascript
caller和callee的区别介绍及演示结果
Mar 10 Javascript
jquery基础教程之数组使用详解
Mar 10 Javascript
js取得html iframe中的元素和变量值
Jun 30 Javascript
使用script的src实现跨域和类似ajax效果
Nov 10 Javascript
js 上传文件预览的简单实例
Aug 16 Javascript
AngularJS中$watch和$timeout的使用示例
Sep 20 Javascript
jQuery获取this当前对象子元素对象的方法
Nov 29 Javascript
基于JS抓取某高校附近共享单车位置 使用web方式展示位置变化代码实例
Aug 27 Javascript
微信小程序全选多选效果实现代码解析
Jan 21 Javascript
vue从后台渲染文章列表以及根据id跳转文章详情详解
Dec 14 Vue.js
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文件向另一个地址post数据,不用表单和隐藏的变量的
2007/03/06 PHP
UCenter 批量添加用户的php代码
2012/07/17 PHP
Thinkphp连表查询及数据导出方法示例
2016/10/15 PHP
PHP延迟静态绑定的深入讲解
2018/04/02 PHP
jquery HotKeys轻松搞定键盘事件代码
2008/08/30 Javascript
createElement动态创建HTML对象脚本代码
2008/11/24 Javascript
jQuery Lightbox 图片展示插件使用说明
2010/04/25 Javascript
JavaScript Chart 插件整理
2010/06/18 Javascript
js实现人才网站职位选择功能的方法
2015/08/14 Javascript
Bootstrap入门书籍之(四)菜单、按钮及导航
2016/02/17 Javascript
AngularJS 让人爱不释手的八种功能
2016/03/23 Javascript
JavaScript常用判断写法大全(推荐)
2016/05/30 Javascript
js改变css样式的三种方法推荐
2016/06/28 Javascript
详解webpack性能优化——DLL
2017/10/20 Javascript
vue 运用mock数据的示例代码
2017/11/07 Javascript
Nuxt.js开启SSR渲染的教程详解
2018/11/30 Javascript
我要点爆”微信小程序云开发之项目建立与我的页面功能实现
2019/05/26 Javascript
JS中的算法与数据结构之二叉查找树(Binary Sort Tree)实例详解
2019/08/16 Javascript
IE11下CKEditor在Bootstrap Modal中下拉问题的解决
2019/09/25 Javascript
js+canvas实现图片格式webp/png/jpeg在线转换
2020/08/22 Javascript
Vue SPA 首屏优化方案
2021/02/26 Vue.js
Python实例分享:快速查找出被挂马的文件
2014/06/08 Python
Python实现的简单dns查询功能示例
2017/05/24 Python
Python实现最大子序和的方法示例
2019/07/05 Python
python修改文件内容的3种方法详解
2019/11/15 Python
tensorboard实现同时显示训练曲线和测试曲线
2020/01/21 Python
Python进阶之迭代器与迭代器切片教程
2020/01/29 Python
Python 实现向word(docx)中输出
2020/02/13 Python
Tensorflow之梯度裁剪的实现示例
2020/03/08 Python
python中的selenium安装的步骤(浏览器自动化测试框架)
2020/03/17 Python
Python标准库:内置函数max(iterable, *[, key, default])说明
2020/04/25 Python
大学生职业生涯规划范文——找准自我,定位人生
2014/01/23 职场文书
党员批评与自我批评总结
2014/10/15 职场文书
2015年上半年计生工作总结
2015/03/30 职场文书
中学综治宣传月活动总结
2015/05/07 职场文书