programing

자바스크립트는 해시값으로 페이지를 다시 로드합니다.

goodsources 2023. 10. 3. 09:12
반응형

자바스크립트는 해시값으로 페이지를 다시 로드합니다.

몇 가지 과정을 거쳐 외부 자바스크립트 파일에 있는 이 문장으로 페이지를 새로고침하려고 합니다.

window.location.href = window.location.href

페이지를 완벽하게 다시 로드하는데 재로드 후에 특정 위치로 스크롤하고 싶습니다.그래서 이걸 지면에 올렸습니다.

<a name="uploadImgSection"></a>

그리고 자바스크립트를 다음으로 바꿉니다.

window.location.href = window.location.href + "#mypara";

이 코드는 페이지를 다시 로드/새로 고침하지도 않습니다.

window.location.hash = "#uploadImgSection";
window.location.href = window.location.href;

그렇게 하면 페이지가 아예 다시 로드되지 않습니다.스크롤 바 위치로 페이지를 다시 로드할 수 있는 방법이 있을까요?

window.location.href += "#mypara";
location.reload();

먼저 해시를 추가한 다음 페이지를 다시 로드합니다.해시는 그대로 유지되고 페이지는 다시 로드됩니다.

테스트 완료, 효과가 있네요.


ps: 해시가 이미 URL에 있는 경우 다음을 통해 직접 변경할 수 있습니다.location.hash대신에.href.

나는 이 질문을 업데이트하고 싶었습니다. 왜냐하면 나는 다음을 사용하는 것을 발견했기 때문입니다.window.location.href += "#mypara"는 매개 변수가 존재하더라도 URL에 매개 변수를 계속 추가합니다.사용하는 것이 더 좋은 방법임을 알게 되었습니다.

window.location.hash = "#mypara"
location.reload();

이것은 정말 오래된 게시물입니다. 저는 여전히 올바른 조합의 답변을 시도하고 답변할 것입니다.

  1. location.reload()그리고.location.reload(true)브라우저에서 F5처럼 작동합니다.이전에 로드한 경우 모든 양식 데이터를 서버에 다시 게시합니다.
  2. location.href는 브라우저가 인식하는 URL 변경이 있을 때까지 페이지를 새로 고치지 않습니다.해시(#paramname)의 변경은 URL 변경 자격이 없으므로 수행만 하면 됩니다.location.href+="#paramname"작동하지 않습니다.

그렇게,location.href+="?anything#paramname"페이지를 새로운 요청으로 다시 로드해야 합니다.?anything는 URL의 변경입니다.

var loc = location.hash;
location.hash = " ";
location.hash = loc;

이거 먹어봐요.

           var urlString=window.location.href;
           var url=urlString.split("#")[0];
           window.location.href = url + "#mypara";

효과가 있었습니다.

var tabValue = document.URL;
window.location = tabValue.substring(0, tabValue.lastIndexOf("#"));
window.location.hash = "#tabs-3"; //Whatever is your hash value
location.reload();

이 일은 나를 위한 것입니다.

window.location.href = baseUrl + "#/m/team";
 location.reload();

이거 나한테 통했어요.

$('body').on('click', '.className', function () {
    var data = $(this).attr('href');
    alert(data);
    window.location.reload();
});

언급URL : https://stackoverflow.com/questions/10612438/javascript-reload-the-page-with-hash-value

반응형