programing

자바스크립트에서 window.navigate 또는 document.location을 사용해야 합니까?

testmans 2023. 8. 13. 09:35
반응형

자바스크립트에서 window.navigate 또는 document.location을 사용해야 합니까?

JavaScript를 사용하여 현재 웹 페이지의 위치를 변경하는 데 선호되는 방법은 무엇입니까?window.navig와 document.location 모두 사용된 것을 보았습니다.행동에 차이가 있습니까?브라우저 구현에 차이가 있습니까?

window.location.href = 'URL';

는 현재 창의 위치를 변경하기 위한 표준 구현입니다.

일부 브라우저에서는 window.vmdk가 지원되지 않습니다.

자바 스크립트에서는 리디렉션을 위한 여러 가지 방법이 있습니다. 아래 코드와 설명을 참조하십시오.

window.location.href = "http://krishna.developerstips.com/";
window.location = "http://developerstips.com/";
window.location.replace("http://developerstips.com/");
window.location.assign("http://work.developerstips.com/");

window.location.href는 브라우저의 캐시에서 페이지를 로드하며 항상 요청을 서버로 보내지 않습니다.따라서 캐시에 이전 버전의 페이지를 사용할 수 있는 경우 서버에서 새 페이지를 로드하는 대신 캐시로 리디렉션됩니다.

사용자가 뒤로 단추를 사용하여 원래 문서로 돌아갈 수 있도록 하려면 window.location.method for redirection을 선택합니다.

새 페이지로 리디렉션하고 사용자가 뒤로 단추를 사용하여 원래 페이지로 이동하지 못하도록 하려면 window.location.replace() 메서드를 선택합니다.

window.location프레임에도 영향을 미칩니다.

내가 찾은 가장 좋은 형태는:

parent.window.location.href

그리고 더 나쁜 것은:

parent.document.URL 

저는 대규모 브라우저 테스트를 했고, 몇몇 플러그인이 있는 희귀 IE는 두 번째 양식으로 정의되지 않았습니다.

window.location브라우저 대상에 영향을 미치며, document.location은 브라우저와 프레임/iframe에만 영향을 미칩니다.

document.location(사용되지 않지만 여전히 존재하는) 읽기 전용 문자열 속성입니다.document.URL.

window.navigate일부 브라우저에서는 지원되지 않으므로 사용하지 마십시오.위치 속성을 사용하는 다른 모든 방법은 가장 안정적이고 일관된 접근 방식입니다.

좋아요window.location = "http://...";저는 몇 년 동안 크로스 브라우저 자바스크립트를 코딩해 왔는데, 이 접근 방식을 사용하는 데 문제가 생긴 적이 없습니다.

window.navigate그리고.window.location.href좀 이상한 것 같아요

차이는 없습니다. 약 5가지 방법이 있습니다.하지만 제가 가장 자주 보는 것은document.location그리고.window.location모든 주요 브라우저에서 지원되기 때문입니다. (개인적으로 본 적이 없습니다.)window.navigate생산 코드에 사용되었기 때문에, 아마도 그것은 그다지 좋은 지원을 받지 못했을 것입니다.

이 대화에 늦게 참여하여 웹을 마주하는 분석 인식 웹 사이트를 위한 약간 흥미로운 사실을 조명합니다.마이크를 마이클 팹워스에게 넘깁니다.

https://github.com/michaelpapworth/jQuery.navigate

"웹사이트 분석을 사용할 때, referer가 요청에 전달되지 않아 window.location이 충분하지 않습니다.플러그인은 이 문제를 해결하고 별칭 및 매개 변수화된 URL을 모두 허용합니다."

코드를 검사하면 다음과 같습니다.

   var methods = {
            'goTo': function (url) {
                // instead of using window.location to navigate away
                // we use an ephimeral link to click on and thus ensure
                // the referer (current url) is always passed on to the request
                $('<a></a>').attr("href", url)[0].click();
            },
            ...
   };

니아토!

에 대한 지원.document.location사용하지 않는 방법이지만 좋습니다.저는 이 방법을 한동안 문제없이 사용해 왔습니다.자세한 내용은 여기를 참조하십시오.

https://developer.mozilla.org/en-US/docs/Web/API/document.location

다음을 사용하여 페이지를 이동할 수 있습니다.

window.location.href =Url;

언급URL : https://stackoverflow.com/questions/948227/should-i-use-window-navigate-or-document-location-in-javascript

반응형