java-script는 브라우저의 주소 표시 줄에 표시되는 현재 URL을 검색하는 많은 방법을 제공합니다.
테스트 URL :
http://
stackoverflow.com/questions/5515310/get-current-url-with-jquery/32942762
?
rq=1&page=2&tab=active&answertab=votes
#
32942762
resourceAddress.hash();
console.log('URL Object ', webAddress);
console.log('Parameters ', param_values);
함수:
var webAddress = {};
var param_values = {};
var protocol = '';
var resourceAddress = {
fullAddress : function () {
var addressBar = window.location.href;
if ( addressBar != '' && addressBar != 'undefined') {
webAddress[ 'href' ] = addressBar;
}
},
protocol_identifier : function () { resourceAddress.fullAddress();
protocol = window.location.protocol.replace(':', '');
if ( protocol != '' && protocol != 'undefined') {
webAddress[ 'protocol' ] = protocol;
}
},
domain : function () { resourceAddress.protocol_identifier();
var domain = window.location.hostname;
if ( domain != '' && domain != 'undefined' && typeOfVar(domain) === 'string') {
webAddress[ 'domain' ] = domain;
var port = window.location.port;
if ( (port == '' || port == 'undefined') && typeOfVar(port) === 'string') {
if(protocol == 'http') port = '80';
if(protocol == 'https') port = '443';
}
webAddress[ 'port' ] = port;
}
},
pathname : function () { resourceAddress.domain();
var resourcePath = window.location.pathname;
if ( resourcePath != '' && resourcePath != 'undefined') {
webAddress[ 'resourcePath' ] = resourcePath;
}
},
params : function () { resourceAddress.pathname();
var v_args = location.search.substring(1).split("&");
if ( v_args != '' && v_args != 'undefined')
for (var i = 0; i < v_args.length; i++) {
var pair = v_args[i].split("=");
if ( typeOfVar( pair ) === 'array' ) {
param_values[ decodeURIComponent( pair[0] ) ] = decodeURIComponent( pair[1] );
}
}
webAddress[ 'params' ] = param_values;
},
hash : function () { resourceAddress.params();
var fragment = window.location.hash.substring(1);
if ( fragment != '' && fragment != 'undefined')
webAddress[ 'hash' ] = fragment;
}
};
function typeOfVar (obj) {
return {}.toString.call(obj).split(' ')[1].slice(0, -1).toLowerCase();
}
- 프로토콜« 웹 브라우저 는 WebHosted Applications와 Web Client (Browser) 간의 통신 규칙에 따라 인터넷 프로토콜을 사용합니다. (http = 80 , https (SSL) = 443 , ftp = 21 등)
EX : 기본 포트 번호
<protocol>//<hostname>:<port>/<pathname><search><hash>
https://en.wikipedia.org:443/wiki/Pretty_Good_Privacy
http://stackoverflow.com:80/
- (//)«호스트는 인터넷에서 엔드 포인트 (자원이 상주하는 머신)에 지정된 이름입니다. www.stackoverflow.com- 응용 프로그램 (또는)의 DNS IP 주소 localhost : 8080-localhost
도메인 이름은 DNS (Domain Name System) 트리의 규칙과 절차에 따라 등록합니다. 주소 지정을 위해 IP 주소로 도메인을 관리하는 사람의 DNS 서버. DNS 서버 계층에서 stackoverlfow.com의 루트 이름은 com입니다.
gTLDs - com « stackoverflow (OR) in « co « google
로컬 시스템 호스트 파일에서 PUBLIC이 아닌 도메인을 유지해야합니다.
localhost.yash.com « localhsot - subdomain(web-server), yash.com - maindomain(Proxy-Server).
myLocalApplication.com 172.89.23.777
- (/)«경로는 웹 클라이언트가 액세스하려는 호스트 내의 특정 리소스에 대한 정보를 제공합니다.
- (?)«선택적 쿼리는 구분 기호 (&)로 구분 된 일련의 속성-값 쌍을 전달하는 것입니다.
- «선택적 단편은 종종 특정 요소의 id 속성이며 웹 브라우저는이 요소를보기로 스크롤합니다.
매개 변수에 Epoch 가 있으면 ?date=1467708674사용하십시오.
var epochDate = 1467708674; var date = new Date( epochDate );
URL 
usernaem / password에
다음과 같은 @ 기호가 포함 된 경우 username : password를 사용하는 인증 URL
:
Username = `my_email@gmail`
Password = `Yash@777`
다음 당신은 URL이 인코딩 필요 @로 %40. 보내다...
http://my_email%40gmail.com:Yash%40777@www.my_site.com
encodeURI()(vs) encodeURIComponent()예
var testURL = "http:my_email@gmail:Yash777@//stackoverflow.com?tab=active&page=1#32942762";
var Uri = "/:@?&=,#", UriComponent = "$;+", Unescaped = "(-_.!~*')"; // Fixed
var encodeURI_Str = encodeURI(Uri) +' '+ encodeURI( UriComponent ) +' '+ encodeURI(Unescaped);
var encodeURIComponent_Str = encodeURIComponent( Uri ) +' '+ encodeURIComponent( UriComponent ) +' '+ encodeURIComponent( Unescaped );
console.log(encodeURI_Str, '\n', encodeURIComponent_Str);
/*
/:@?&=,# +$; (-_.!~*')
%2F%3A%40%3F%26%3D%2C%23 %2B%24%3B (-_.!~*')
*/