JAVASCRIPT_javascript 스킬을 구현한 페이지 간 WEB 페이지 점프 및 값 전달 방식
web
페이지 점프
하지만 이벤트가 발생하면 먼저 몇 가지 작업을 수행한 후 점프해야 하는 경우가 있습니다. 이때 이 점프 기능을 구현하려면 JAVASCRIPT를 사용해야 합니다.
구체적인 방법은 다음과 같습니다.
1: 새 페이지로 이동하여 새 창에서 열기:
코드 복사 코드는 다음과 같습니다.
function gogogo()
{
//여기서 뭔가를 하세요...
window.open("test2.html" );
}
Window는 자바스크립트 객체이므로 open 메소드를 사용할 수 있습니다. 이 페이지가 상대 경로가 아닌 경우 http://를 사용해야 합니다. 예를 들면 다음과 같습니다.
코드 복사 코드는 다음과 같습니다.
function gogogo()
{
window .open( "http://www.google.com");
}
둘: 이 페이지의 창으로 이동합니다.
코드 복사 코드는 다음과 같습니다.
function totest2()
{
window .location.sign( "test2.html" );
}
location.assgin()을 직접 사용할 수도 있지만 window.location.sign()이 더 합리적인 것 같습니다. 현재 창의 위치 개체의 할당() 메서드.
또한 위치 개체에는 페이지 이동에도 사용할 수 있는 교체() 메서드도 있습니다. 이 메서드와 할당() 메서드의 차이점은 다음과 같습니다.
교체() 메서드는 새 개체를 생성하지 않습니다. History 객체에 기록합니다. 이 방법을 사용하면 새 URL이 기록 개체의 현재 레코드를 덮어씁니다.
window.open()을 사용하여 새 페이지를 열 때, 브라우저는 두 창 사이에 열린 관계가 있다고 생각하게 될 때 값을 전송하는 방법을 알아봅니다. 따라서 열린 새 창에는 현재 창의 창 개체에 window.opener 속성이 있습니다. 이 값에는 열린 창에 대한 참조가 포함되어 있으므로 이 값을 얻을 수 있습니다. 이전 페이지를 참고하였습니다.
코드 복사 코드는 다음과 같습니다.
;label id="label1" >page test1< /label>
코드 복사
코드는 다음과 같습니다.