JavaScript獲取路徑設(shè)計(jì)源碼

更新時(shí)間：2014年05月22日 09:41:13 作者：

JavaScript獲取路徑的方法有很多，網(wǎng)上也可以搜索的到，下面本例也要為大家講解下，有源碼及結(jié)果截圖

1、設(shè)計(jì)源碼

 
<%@ 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() 
{ 
//獲取當(dāng)前網(wǎng)址 
var curNetAddr = window.document.location.href; 
alert("獲取當(dāng)前網(wǎng)址:" + curNetAddr); 

//獲取主機(jī)地址之后的目錄 
var hostPath = window.document.location.pathname; 
alert("獲取主機(jī)地址之后的目錄：" + hostPath); 

//返回某個(gè)指定的字符串值在字符串中首次出現(xiàn)的位置 
var count = curNetAddr.indexOf(hostPath); 
alert("返回某個(gè)指定的字符串值在字符串中首次出現(xiàn)的位置：" + count); 

//獲取主機(jī)地址 
var hostAddr = curNetAddr.substring(0,count); 
alert("獲取主機(jī)地址：" + hostAddr); 

//獲取帶“/”的項(xiàng)目名 
var projectName = hostPath.substring(0,hostPath.substr(1).indexOf('/')+1); 
alert("獲取帶“/”的項(xiàng)目名：" + projectName); 

//獲取項(xiàng)目路徑 
var path = hostAddr + projectName; 
alert("獲取項(xiàng)目路徑：" + path); 
} 
</script> 

</head> 

<body> 
<div id="body_div"> 
<input type="button" id="btn" value="獲取路徑" onclick="findPath()"/> 
</div> 
</body> 
</html> 

2、設(shè)計(jì)結(jié)果

（1）初始化時(shí)

（2）獲取當(dāng)前網(wǎng)址

（3）獲取主機(jī)地址之后的目錄

（4）返回某個(gè)指定的字符串值在字符串中首次出現(xiàn)的位置

（5）獲取主機(jī)地址

（6）獲取帶“/”的項(xiàng)目名

（7）獲取項(xiàng)目路徑

獲取路徑

相關(guān)文章

onkeypress字符按鍵兼容所有瀏覽器使用介紹
使用onkeypress字符按鍵兼容所有瀏覽器，感興趣的朋友可以參考下，希望對你學(xué)習(xí)js事件有所幫助
2013-04-04
發(fā)布一個(gè)基于javascript的動畫類 Fx.js
支持大部分CSS3屬性的動畫(可能要指定詳細(xì)的屬性值)。
2010-11-11
JavaScript學(xué)習(xí)總結(jié)之正則的元字符和一些簡單的應(yīng)用
這篇文章主要介紹了JavaScript學(xué)習(xí)總結(jié)之正則的元字符和一些簡單的應(yīng)用,需要的朋友可以參考下
2017-06-06
分享一些不常見卻很實(shí)用的JS技巧
有些代碼,需要的時(shí)候能寫的出來,但是也需要時(shí)間,如果有的東西長時(shí)間不接觸,再次看的時(shí)候也會感覺很陌生,這篇文章主要給大家介紹了一些不常見卻很實(shí)用的JS技巧,既可以作為一個(gè)知識的積累,又可以作為閑暇時(shí)打發(fā)時(shí)間寫寫代碼的記錄,需要的朋友可以參考下
2021-11-11
JS實(shí)現(xiàn)在網(wǎng)頁中彈出一個(gè)輸入框的方法
這篇文章主要介紹了JS實(shí)現(xiàn)在網(wǎng)頁中彈出一個(gè)輸入框的方法,實(shí)例分析了prompt的用法,可用來設(shè)置密碼,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-03-03
基于JavaScript實(shí)現(xiàn)HarmonyOS備忘錄服務(wù)卡片
這篇文章主要介紹了基于JavaScript實(shí)現(xiàn)HarmonyOS備忘錄服務(wù)卡片，文章圍繞主題展開詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值，需要的小伙伴可以參考一下
2022-05-05
JavaScript暫停和繼續(xù)定時(shí)器的實(shí)現(xiàn)方法
這篇文章主要介紹了JavaScript暫停和繼續(xù)定時(shí)器的方法的相關(guān)資料,非常不錯(cuò)，需要的朋友可以參考下
2016-07-07
googlemap 之 javascript實(shí)現(xiàn)方法
googlemap 之 javascript實(shí)現(xiàn)方法...
2007-01-01
總結(jié)分享10 個(gè)超棒的 JavaScript 簡寫技巧
這篇文章主要總結(jié)分享10 個(gè)超棒的 JavaScript 簡寫技巧，有合并數(shù)組、克隆數(shù)組、解構(gòu)賦值、模板字面量等技巧，需要的朋友可以參考一下
2022-06-06
webgl實(shí)現(xiàn)物體描邊效果的方法介紹
這篇文章主要給大家介紹了關(guān)于webgl實(shí)現(xiàn)物體描邊效果的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家學(xué)習(xí)或者使用webgl具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧
2019-11-11