이 기사에서는 현재 URL과 소스 URL을 얻는 JS 구현 방법을 설명합니다. 다음과 같이 참조에 대해 공유하십시오.
index.html :
<! docType html> <html lang = "zh-cn"> <head> <meta charset = "utf-8"> <meta name = "viewport"content = "width ="device-width, maxims-scale = 1, maximum-scale = 1, user-scalable = no "> title> 새 h5 템플릿 생성 </head> </head> href = "demo.html"> link </a> </body> </html>
demo.html :
<! doctype html> <html lang = "zh-cn"> <head> <meta charset = "utf-8"> <meta name = "viewport"content = "width ="device-width, feater-scale = 1, maximum-scale = 1, user-scalable = no "> new h5 템플릿 </head> <body-<in ur ur urll : in ur urll : 스타일 = "너비 : 300px;" 이름 = "nowurl"id = "nowurl"> <br> 소스 URL : <input type = "text"style = "width : 300px;" name = "fromurl"id = "fromurl"> <cript> var nowurl = document.url; var fromurl = document.referrer; document.getElementById ( 'nowurl'). value = nowurl; documb
생식 이미지 :
//www.vevb.com/index.html을 통해 발생한다고 가정하십시오
그래서:
현재 URL : //www.vevb.com/demo.html을 받으십시오
소스를 얻는 URL은 : //www.vevb.com/index.html입니다
설명 :
work.url 속성은 현재 문서의 URL을 반환합니다.
문서 .referrer 속성은 현재 문서를로드하는 문서의 URL을 반환합니다.
JavaScript 관련 콘텐츠에 대한 자세한 내용은이 사이트의 주제를 확인하십시오. "JavaScript 검색 알고리즘 기술 요약", "JavaScript 데이터 구조 및 알고리즘 기술 요약", "JavaScript Traversal Algorithms 및"JavaScript Effection의 JSON Operation ","JSON Operation의 요약 ","JAVSCRIPTE STLEGICES "및 JAVASCRIPTENICE의 요약", "JSON 작동 기술", "JSON 작전 및 기술 요약" JavaScript 애니메이션 효과 및 기술 ","JavaScript 오류 및 디버깅 기술 요약 "및"JavaScript 수학 연산 사용 요약 "
이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.