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 相关文章推荐
强制设为首页代码
Jun 19 Javascript
div移动 输入框不能输入的问题
Nov 19 Javascript
JavaScript 高级篇之函数 (四)
Apr 07 Javascript
$(document).ready(function() {})不执行初始化脚本
Jun 19 Javascript
深入理解JQuery循环绑定事件
Jun 02 Javascript
js/jq仿window文件夹移动/剪切/复制等操作代码
Mar 08 Javascript
解决html input验证只能输入数字,不能输入其他的问题
Jul 21 Javascript
Vue内部渲染视图的方法
Sep 02 Javascript
vuex + keep-alive实现tab标签页面缓存功能
Oct 17 Javascript
vue路由切换之淡入淡出的简单实现
Oct 31 Javascript
用VsCode编辑TypeScript的实现方法
May 07 Javascript
Nuxt的路由配置和参数传递方式
Nov 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
十大感人催泪爱情动漫 第一名至今不忍在看第二遍
2020/03/04 日漫
《五等分的花嫁》漫画完结!2020年10月第2期TV动画制作组换血!
2020/03/06 日漫
使用sockets:从新闻组中获取文章(一)
2006/10/09 PHP
Laravel5中防止XSS跨站攻击的方法
2016/10/10 PHP
laravel5.1框架基础之Blade模板继承简单使用方法分析
2019/09/05 PHP
基于jquery的获取浏览器窗口大小的代码
2011/03/28 Javascript
jQuery搜索同辈元素方法
2015/02/10 Javascript
JavaScript把数组作为堆栈使用的方法
2015/03/20 Javascript
JavaScript实现LI列表数据绑定的方法
2015/08/04 Javascript
jquery实现顶部向右伸缩的导航区域代码
2015/09/02 Javascript
NodeJs——入门必看攻略
2016/06/27 NodeJs
Vue.js 父子组件通讯开发实例
2016/09/06 Javascript
jquery radio的取值_radio的选中_radio的重置方法
2016/09/20 Javascript
探究JavaScript中的五种事件处理程序方式
2016/12/07 Javascript
详解如何在vue-cli中使用vuex
2018/08/07 Javascript
JavaScript数据结构与算法之检索算法实例分析【顺序查找、最大最小值、自组织查询】
2019/02/22 Javascript
解决微信小程序scroll-view组件无横向滚动的问题
2020/02/04 Javascript
vuex的数据渲染与修改浅析
2020/11/26 Vue.js
[06:15]2016国际邀请赛中国区预选赛单车采访:我顶WINGS
2016/06/27 DOTA
python del()函数用法
2013/03/24 Python
python去除字符串中的换行符
2017/10/11 Python
Python之inspect模块实现获取加载模块路径的方法
2018/10/16 Python
Python设计模式之状态模式原理与用法详解
2019/01/15 Python
python3.6实现学生信息管理系统
2019/02/21 Python
python 利用已有Ner模型进行数据清洗合并代码
2019/12/24 Python
python 实现在shell窗口中编写print不向屏幕输出
2020/02/19 Python
美国女士泳装店:Swimsuits For All
2017/03/02 全球购物
IdealFit官方网站:女性蛋白质、补充剂和运动服装
2019/03/24 全球购物
经济学博士求职自荐信范文
2013/11/23 职场文书
2014年财政局工作总结
2014/12/09 职场文书
2014年小学教导处工作总结
2014/12/19 职场文书
2015年教师学期工作总结
2015/04/30 职场文书
农业项目合作意向书
2015/05/08 职场文书
九年级历史教学反思
2016/02/19 职场文书
2019 入党申请书范文
2019/07/10 职场文书
PHP策略模式写法
2021/04/01 PHP