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

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

May 16, 2016 pm 06:27 PM
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 속성이 있습니다. 이 값에는 열린 창에 대한 참조가 포함되어 있으므로 이 값을 얻을 수 있습니다. 이전 페이지를 참고하였습니다.

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



test1

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










코드 복사


코드는 다음과 같습니다.


코드 복사


코드는 다음과 같습니다.


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


<본문>










复代码 代码如下:


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


<본문>












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

最后一种页면은 客户端机器放置一个COOKIE文件, 下一个页면에 적합한 방법으로 사용됩니다.访问的时候,直接读取这里端了值就OK了。
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

PHP 페이지 점프 기능에 대한 자세한 설명: 헤더, 위치, 리디렉션 및 기타 기능의 페이지 점프 기술 PHP 페이지 점프 기능에 대한 자세한 설명: 헤더, 위치, 리디렉션 및 기타 기능의 페이지 점프 기술 Nov 18, 2023 pm 05:08 PM

PHP 페이지 점프 기능에 대한 자세한 설명: 특정 코드 예제가 필요한 헤더, 위치, 리디렉션 및 기타 기능에 대한 페이지 점프 기술 소개: 웹 웹사이트나 애플리케이션을 개발할 때 페이지 간 점프는 필수 기능입니다. PHP는 헤더 기능, 위치 기능, 리디렉션과 같은 일부 타사 라이브러리에서 제공하는 점프 기능을 포함하여 페이지 점프를 구현하는 다양한 방법을 제공합니다. 이 기사에서는 이러한 기능을 사용하는 방법을 자세히 소개합니다.

Golang을 사용하여 웹 애플리케이션에 대한 양식 유효성 검사를 구현하는 방법 Golang을 사용하여 웹 애플리케이션에 대한 양식 유효성 검사를 구현하는 방법 Jun 24, 2023 am 09:08 AM

양식 유효성 검사는 웹 애플리케이션 개발에서 매우 중요한 링크로, 애플리케이션의 보안 취약성과 데이터 오류를 방지하기 위해 양식 데이터를 제출하기 전에 데이터의 유효성을 확인할 수 있습니다. Golang을 사용하여 웹 애플리케이션에 대한 양식 유효성 검사를 쉽게 구현할 수 있습니다. 이 기사에서는 Golang을 사용하여 웹 애플리케이션에 대한 양식 유효성 검사를 구현하는 방법을 소개합니다. 1. 폼 유효성 검사의 기본 요소 폼 유효성 검사를 구현하는 방법을 소개하기 전에 먼저 폼 유효성 검사의 기본 요소가 무엇인지 알아야 합니다. 양식 요소: 양식 요소는

uniapp을 사용하여 페이지 점프 애니메이션 효과 얻기 uniapp을 사용하여 페이지 점프 애니메이션 효과 얻기 Nov 21, 2023 pm 02:15 PM

제목: uniapp을 사용하여 페이지 점프 애니메이션 효과 구현 최근 몇 년간 모바일 애플리케이션의 사용자 인터페이스 디자인은 사용자를 유인하는 중요한 요소 중 하나가 되었습니다. 페이지 점프 애니메이션 효과는 사용자 경험과 시각화 효과를 향상시키는 데 중요한 역할을 합니다. 이 기사에서는 uniapp을 사용하여 페이지 점프 애니메이션 효과를 얻는 방법을 소개하고 구체적인 코드 예제를 제공합니다. uniapp은 Vue.js를 기반으로 개발된 크로스 플랫폼 애플리케이션 개발 프레임워크로, 코드 세트를 통해 미니 프로그램, H5, App 등 다양한 플랫폼용 애플리케이션을 컴파일하고 생성할 수 있습니다.

조종석 웹 UI에서 관리 액세스를 활성화하는 방법 조종석 웹 UI에서 관리 액세스를 활성화하는 방법 Mar 20, 2024 pm 06:56 PM

Cockpit은 Linux 서버용 웹 기반 그래픽 인터페이스입니다. 이는 주로 신규/전문가 사용자가 Linux 서버를 보다 쉽게 ​​관리할 수 있도록 하기 위한 것입니다. 이 문서에서는 Cockpit 액세스 모드와 CockpitWebUI에서 Cockpit으로 관리 액세스를 전환하는 방법에 대해 설명합니다. 콘텐츠 항목: Cockpit 입장 모드 현재 Cockpit 액세스 모드 찾기 CockpitWebUI에서 Cockpit에 대한 관리 액세스 활성화 CockpitWebUI에서 Cockpit에 대한 관리 액세스 비활성화 결론 조종석 입장 모드 조종석에는 두 가지 액세스 모드가 있습니다. 제한된 액세스: 이는 조종석 액세스 모드의 기본값입니다. 이 액세스 모드에서는 조종석에서 웹 사용자에 액세스할 수 없습니다.

웹 개발에서 PHP는 프런트엔드인가요, 백엔드인가요? 웹 개발에서 PHP는 프런트엔드인가요, 백엔드인가요? Mar 24, 2024 pm 02:18 PM

PHP는 웹 개발의 백엔드에 속합니다. PHP는 주로 서버 측 로직을 처리하고 동적 웹 콘텐츠를 생성하는 데 사용되는 서버 측 스크립팅 언어입니다. 프런트엔드 기술과 비교하여 PHP는 데이터베이스와의 상호 작용, 사용자 요청 처리, 페이지 콘텐츠 생성과 같은 백엔드 작업에 더 많이 사용됩니다. 다음으로, 백엔드 개발에서 PHP 적용을 설명하기 위해 특정 코드 예제가 사용됩니다. 먼저 데이터베이스에 연결하고 데이터를 쿼리하기 위한 간단한 PHP 코드 예제를 살펴보겠습니다.

PHP 코드 예: POST를 사용하여 매개변수를 전달하고 페이지 점프를 구현하는 방법 PHP 코드 예: POST를 사용하여 매개변수를 전달하고 페이지 점프를 구현하는 방법 Mar 07, 2024 pm 01:45 PM

제목: PHP 코드 예: POST를 사용하여 매개변수를 전달하고 페이지 점프를 구현하는 방법 웹 개발에서는 페이지 점프를 구현하기 위해 POST를 통해 매개변수를 전달하고 서버 측에서 처리해야 하는 경우가 많습니다. 널리 사용되는 서버측 스크립팅 언어인 PHP는 이러한 목적을 달성하기 위한 풍부한 기능과 구문을 제공합니다. 다음은 실제 예제를 통해 PHP를 사용하여 이 기능을 구현하는 방법을 소개합니다. 먼저 두 페이지를 준비해야 합니다. 하나는 POST 요청과 프로세스 매개변수를 수신하기 위한 페이지입니다.

웹 표준이란 무엇입니까? 웹 표준이란 무엇입니까? Oct 18, 2023 pm 05:24 PM

웹 표준은 W3C 및 기타 관련 기관에서 개발한 일련의 사양 및 지침으로, HTML, CSS, JavaScript, DOM, 웹 접근성 및 성능 최적화를 포함하며, 이러한 표준을 따르면 페이지의 호환성이 향상됩니다. 접근성, 유지 관리성 및 성능. 웹 표준의 목표는 웹 콘텐츠가 다양한 플랫폼, 브라우저 및 장치에서 일관되게 표시되고 상호 작용할 수 있도록 하여 더 나은 사용자 경험과 개발 효율성을 제공하는 것입니다.

Golang의 브라우저 지원: 대화형 웹 구축 Golang의 브라우저 지원: 대화형 웹 구축 Apr 07, 2024 pm 04:03 PM

Go는 브라우저에서 실행되는 대화형 웹 애플리케이션을 구축합니다. 단계: Go 프로젝트 및 main.go 파일을 생성하고 HTTP 핸들러를 추가하여 메시지를 표시합니다. 사용자 입력 및 제출을 위해 HTML 및 JavaScript를 사용하여 양식을 추가합니다. Go 애플리케이션에 POST 요청 처리를 추가하고 사용자 메시지를 수신하고 응답을 반환합니다. FetchAPI를 사용하여 POST 요청을 보내고 서버 응답을 처리합니다.

See all articles