> 웹 프론트엔드 > JS 튜토리얼 > JAVASCRIPT_javascript 스킬을 구현한 페이지 간 WEB 페이지 점프 및 값 전달 방식

JAVASCRIPT_javascript 스킬을 구현한 페이지 간 WEB 페이지 점프 및 값 전달 방식

WBOY
풀어 주다: 2016-05-16 18:27:44
원래의
1190명이 탐색했습니다.

하지만 이벤트가 발생하면 먼저 몇 가지 작업을 수행한 후 점프해야 하는 경우가 있습니다. 이때 이 점프 기능을 구현하려면 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 속성이 있습니다. 이 값에는 열린 창에 대한 참조가 포함되어 있으므로 이 값을 얻을 수 있습니다. 이전 페이지를 참고하였습니다.

코드 복사 코드는 다음과 같습니다.



test1

;label id="label1" >page test1< /label>










코드 복사


코드는 다음과 같습니다.


코드 복사


코드는 다음과 같습니다.


<머리>
<제목>테스트3


<본문>










复代码 代码如下:


<머리>
<제목>테스트1


<본문>












저는 XMLHttpRequest에 있는 QueryString을 사용하지 않습니다.一下好image不行。

最后一种页면은 客户端机器放置一个COOKIE文件, 下一个页면에 적합한 방법으로 사용됩니다.访问的时候,直接读取这里端了值就OK了。
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿