javascript_기본지식 중 위치 사용법에 대한 간략한 소개

WBOY
풀어 주다: 2016-05-16 19:17:54
원래의
1492명이 탐색했습니다.

이전에 window.location.href를 사용하여 다른 프레임 페이지를 새로 고치는 방법에 대한 글을 작성했는데 여기서는 locaiton의 자세한 사용법을 살펴보고 조금 개선하여 참조하기 쉽도록 정리하여 게시했습니다.

먼저 위치 속성, 사용법 및 관련 예시에 대한 간략한 소개:
위치
에는 현재 URL에 대한 정보가 포함되어 있습니다.

설명
location 개체는 지정된 Window 개체와 관련된 전체 URL을 설명합니다. 위치 개체의 각 속성은 URL의 다양한 특성을 설명합니다.
일반적으로 URL의 형식은 다음과 같습니다.

프로토콜//호스트:포트/경로 이름#해시 식별?검색 기준 예:

http://skylaugh .cnblogs. com/index.html#topic1?x=7&y=2 이러한 부분은 다음 요구 사항을 충족합니다.

"프로토콜"은 첫 번째 콜론이 포함될 때까지 URL의 초기 부분입니다.
"호스트"는 호스트와 도메인 이름 또는 네트워크 호스트의 IP 주소를 나타냅니다.
"포트"는 서버가 통신을 위해 사용하는 통신 포트를 의미합니다.
경로 이름은 URL의 경로 정보를 나타냅니다.
"해시 ID"는 해시 마스크(#)를 포함하여 URL의 앵커 이름을 설명합니다. 이 속성은 HTTP URL에만 적용됩니다.
'검색 기준'은 물음표를 포함하여 URL의 모든 검색어 정보를 설명합니다. 이 속성은 HTTP URL에만 적용됩니다. 검색 기준 문자열에는 변수와 값의 쌍이 포함되어 있으며 각 쌍은 "&"로 연결됩니다. 

属性概览
hash: URL에 앵커 이름을 지정합니다. 
호스트: 네트워크 호스트의 호스트와 도메인 이름 또는 IP 주소를 지정합니다.  
호스트 이름: URL의 호스트:포트 부분을 지정합니다.  
href: 전체 URL을 지정합니다.  
경로 이름: URL의 URL 경로 부분을 지정합니다.  
포트: 서버가 사용하는 통신 포트를 지정합니다.  
프로토콜: 콜론을 포함하여 URL의 시작 부분을 지정합니다.  
검색: 검색어를 지정합니다. 

방법법
reload 창의 현재 문서를 강제로 다시 로드합니다.  
replace 현재 기록 항목 위에 지정된 URL을 로드합니다.  


主要功能示例,其他类同:
해시:

newWindow.location.href = http://skylaugh.cnblogs.com
newWindow.location. hash = #59831 


host
서버 이름, 하위 도메인 및 도메인 이름을 지정하는 문자열입니다.
newWindow.location.href =   http://skylaugh.cnblogs.com
newWindow.location.host =skylaugh.cnblogs.com


href
전체를 지정하는 문자열 URL.

window.location.href="http://home.netscape.com/"


pathname
URL의 URL 경로 부분을 지정하는 문자열입니다.

검색
URL의 모든 검색어 정보를 지정하는 물음표로 시작하는 문자열입니다.

newWindow.location.href = http://skylaugh.cnblogs.com
newWindow.location.search = ?newsid=111 

둘, location 页면跳转js如下:
//简单跳转
function gotoPage(url)
{
// 예. var url = "newsview.html?catalogid=" CatalogID "&pageid=" pageid;
window.location = url;
}
// 위치 사용 방식 为单个页face传递参数
함수 goto_catalog(iCat)
{
if(iCat{
top .location = "../index.aspx"; // 상위 출력
}
else
{
window.location = "../newsCat.aspx?catid=" iCat;
}
}
// 对指定框架进行跳转页face,two种方法皆可用
function goto_iframe(url)
{
parent.mainFrame.location = ".. /index.aspx"; //
// parent.document.getElementById("mainFrame").src = "../index.aspx";// dom을 사용하여 페이지 변경 // 同时我增加了dom적写법
}
// 对指定框架进行跳转页face,因为 parent.iframename.location="../index.aspx"; 방법이 불가능합니다.递新个参数的框架跳转页면 ,希望那位仁兄不吝赐教!
function goto_iframe(iframename,url) 
{
parent.document.getElementById(iframename).src = "../index.aspx";// dom을 사용하여 페이지 기준 변경 iframeName

//}
// 回到首页
함수 gohome()
{
top.location = "/index.aspx";
}


원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!