>웹 프론트엔드 >JS 튜토리얼 >JavaScript window.location 객체_기본

JavaScript window.location 객체_기본

WBOY
WBOY원래의
2016-05-16 16:31:251646검색

window.location을 자주 사용하는데 구조가 기억나지 않아 나중에 문의하실 수 있도록 간략하게 정리하겠습니다.


URL: http://b.a.com:88/index.php?name=kang&when=2011#first

属性 含义
protocol: 协议 "http:"
hostname: 服务器的名字 "b.a.com"
port: 端口 "88"
pathname: URL中主机名后的部分 "/index.php"
search: "?"后的部分,又称为查询字符串 "?name=kang&when=2011"
hash: 返回"#"之后的内容 "#first"
host: 等于hostname port "b.a.com:88"
href: 当前页面的完整URL "http://www.a.com:88/index.php?name=kang&when=2011#first"

window.location과 document.location은 서로 동일하며 서로 바꿔 사용할 수 있습니다

위치의 8가지 속성은 모두 읽고 쓸 수 있지만 href 및 hash 쓰기만 의미가 있습니다. 예를 들어, location.href를 변경하면 URL로 재배치되고, location.hash를 변경하면 앵커 이름( 또는

등)으로 이동합니다. .) 현재 페이지에 태그(있는 경우)가 포함되며 페이지가 다시 로드되지 않습니다.

주목
URL:
http://b.a.com:88/index.php?name=kang&how=#when=2011#first

search: "?name=kang&how=" 第一个"?"之后
hash: "#when=2011#first" 第一个"#"之后的内容
search:"?name=kang&how="첫 번째 "?" 이후
hash:"#when=2011#first"첫 번째 "#" 이후의 내용

방법

위치.할당(url)
location.sign('http://www.baidu.com');은 window.location = 'http://www.baidu.com'
과 동일합니다. 이 방법은 새 주소를 브라우저 기록 스택에 넣습니다. 즉, 새 페이지로 이동한 후에도 "뒤로 버튼"을 누르면 해당 페이지로 돌아갈 수 있습니다.
위치.교체( url )
할당 방법과 동일하지만 이 페이지는 브라우저 기록 스택에서 삭제됩니다. 즉, 새 페이지로 이동한 후 "뒤로 버튼"을 눌러 해당 페이지로 돌아갈 수 없습니다. 현재 IE와 크롬은 단순히 점프만 하고, 파이어폭스만 이 페이지의 기록을 삭제하게 됩니다.
위치.재로드( 강제 )
현재 페이지를 새로고침하세요. force가 true이면 서버에서 다시 로드되고, false이면 브라우저 캐시에서 다시 로드됩니다.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.