>웹 프론트엔드 >JS 튜토리얼 >JavaScript의 뒤로 및 새로 고침에 대한 자세한 예

JavaScript의 뒤로 및 새로 고침에 대한 자세한 예

黄舟
黄舟원래의
2017-12-04 13:41:222057검색

우리가 JavaScript를 배우고 있든 일상적인 개발에서든 더 나은 사용자 경험을 위해 뒤로 및 새로 고침 기능을 항상 접해왔기 때문에 오늘은 JavaScript의 뒷면을 소개하겠습니다.

<input type=button value=刷新 onclick="window.location.reload()">
<input type=button value=前进 onclick="window.history.go(1)">
<input type=button value=后退 onclick="window.history.go(-1)">
<input type=button value=前进 onclick="window.history.forward()">
<input type=button value=后退 onclick="window.history.back()">

Back + Refresh622c546399691f6d260da612c2cd416eC# 웹 프로그램에서 페이지용으로 작성하면 버튼 이전 페이지로 돌아가기Code

this.RegisterClientScriptBlock("E", "<script language=javascript>history.go(-2);</script>");

그 중 History.go(-2)는 버튼 이벤트가 발생하기 전에 페이지를 새로고침했기 때문에 -2로 작성해야 합니다.

Response.Write("<script language=javascript>history.go(-2);</script>");

여기에도 "-2"를 써주세요. 직접 스크립트를 작성하는 것과는 다릅니다. history.back()은 이전 페이지
i=1
history.go(i)를 지정된 페이지로 이동하는 것입니다
history.go(0)인 경우 이 두 JS 코드를 새로 고치는 것입니다. IE의 발전을 위해 Back 기능을 제공합니다.
구체적인 용도는 필요한 시기에 따라 다릅니다. 예를 들어, 사용자 등록 시 검증은 요구 사항이 충족되지 않을 때 사용할 수 있으므로 사용자가 반복적으로 데이터를 입력할 필요성을 최소화할 수 있습니다.
예: 페이지 로드 중:

function onLoadPage(){
     if(event.srcElement.tagName=="SPAN"){
         oFrame=top.window.middle.frames[2];
         oTxt=event.srcElement.innerText;
         switch(oTxt){
             case "前 进":
                 oFrame.history.go(1);
             case "后 退":
                 oFrame.history.back();
             case "刷 新":
                 oFrame.location.reload();
         }
     }
}

jsp 페이지를 열려면 클라이언트 스크립트로 새로 고쳐야 합니다.
Javascript에서 페이지를 새로 고치는 여러 가지 방법:

1 history.go(0)
2 location.reload()
3 location=location
4 location.assign(location)
5 document.execCommand(&#39;Refresh&#39;)
6 window.navigate(location)
7 location.replace(location)
8 document.URL=location.href

요약:

이 기사에서는 예제를 통해 JavaScript로 새로 고치는 방법을 소개합니다. 당신에게 도움이 될 것입니다.

관련 권장사항:

브라우저 페이지가 돌아가는 방법, ajax를 다시 실행하는 방법

브라우저 페이지 뒤로 기능을 비활성화하는 js의 자세한 예

js를 구현하기 기기를 뒤로 탐색하려면 백스페이스 키를 비활성화하세요

위 내용은 JavaScript의 뒤로 및 새로 고침에 대한 자세한 예의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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