웹 프론트엔드 JS 튜토리얼 js를 이용하여 페이지 로딩 여부를 판단하고 code_Basic 지식을 구현합니다.

js를 이용하여 페이지 로딩 여부를 판단하고 code_Basic 지식을 구현합니다.

May 16, 2016 pm 05:46 PM
마치다 페이지 로딩

document.onreadystatechange 메소드를 사용하여 상태 변경을 모니터링하고
document.readyState == "complete"를 사용하여 로딩이 완료되었는지 확인합니다.
코드는 다음과 같습니다:

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

document.onreadystatechange = subSomething //다음 경우에 이 메서드를 실행합니다. 페이지 로딩 상태가 변경됩니다.
function subSomething()
{
if(document.readyState == “complete”) //페이지가 로드될 때
myform.submit() //Form submit
}

5가지 페이지 로딩 상태readyState
원문은 다음과 같습니다.
0: (초기화되지 않음) send( ) 메서드에는 아직 호출되지 않았습니다.
1: (로드 중) send( ) 메소드가 호출되었으며 요청이 진행 중입니다.
2: (로드됨) send( ) 메소드가 완료되었으며 전체 응답이 수신되었습니다. : (대화형) 응답이 구문 분석 중입니다.
4: (완료) 응답이 구문 분석되었으며 수확할 준비가 되었습니다.


는 중국어로 : 로 번역됩니다. 0 - (초기화되지 않음) send() 메서드가 아직 호출되지 않았습니다
1 - (로드 중) send() 메서드가 호출되었으며 요청이 전송되는 중
2 - (로드 완료) send( ) 메소드가 실행되었으며 모든 응답 내용이 수신되었습니다.
3 - (상호작용)이 응답 내용을 구문 분석하는 중입니다.
4 - (완료) 응답 내용이 구문 분석되어 클라이언트에서 호출될 수 있습니다.
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 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 옷 제거제

Video Face Swap

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

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

SublimeText3 중국어 버전

SublimeText3 중국어 버전

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

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

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

JavaScript에서 페이지 로딩 진행률 표시줄 기능을 구현하는 방법은 무엇입니까? JavaScript에서 페이지 로딩 진행률 표시줄 기능을 구현하는 방법은 무엇입니까? Oct 27, 2023 am 08:57 AM

JavaScript는 페이지 로딩 진행률 표시줄 기능을 어떻게 구현합니까? 최신 인터넷 애플리케이션에서 페이지 로딩 속도는 사용자 경험의 핵심 요소 중 하나입니다. 사용자에게 로딩 과정을 보여주기 위해 많은 웹사이트와 애플리케이션에서는 로딩 진행률 표시줄을 사용합니다. JavaScript는 페이지 로딩 진행률 표시줄 기능을 구현하는 간단하고 효과적인 방법을 제공합니다. 구체적인 구현 프로세스는 다음과 같습니다. HTML 구조를 만듭니다. 먼저 페이지의 적절한 위치에 진행률 표시줄의 HTML 구조를 만듭니다.

Vue 개발에서 페이지 로딩 애니메이션 문제를 최적화하는 방법 Vue 개발에서 페이지 로딩 애니메이션 문제를 최적화하는 방법 Jun 29, 2023 pm 09:22 PM

Vue 개발에서 페이지 로딩 애니메이션을 최적화하는 방법 요약: Vue 개발에서 페이지 로딩 애니메이션은 사용자 경험을 향상시키는 중요한 부분입니다. 그러나 페이지에 콘텐츠가 많거나 네트워크 속도가 느린 경우 로딩 애니메이션이 지연되거나 지연될 수 있습니다. 이 기사에서는 Vue 개발에서 페이지 로딩 애니메이션을 최적화하여 사용자 경험을 향상시키는 방법을 살펴보겠습니다. 소개: 인터넷이 발전함에 따라 사용자는 웹 페이지 로딩 속도에 대한 요구 사항이 점점 더 높아지고 있습니다. 현재 주류 프런트엔드 프레임워크 중 하나인 Vue는 페이지 로딩 애니메이션을 위한 풍부한 솔루션을 제공합니다.

움푹 패인 곳에서 잃어버린 보물 상자를 찾는 방법 움푹 패인 곳에서 잃어버린 보물 상자를 찾는 방법 Jan 22, 2024 pm 05:30 PM

제로존 동굴에서 잃어버린 보물 상자를 복구하는 방법은 무엇입니까? 이 던전에는 상자가 많지만 여기저기 흩어져 있기 때문에 상자를 빨리 찾는 방법과 던전을 클리어하는 방법을 알려드리겠습니다. 구멍에서 잃어버린 보물 상자를 검색하는 작업을 완료하는 방법은 밧줄 그물의 커미션 게시물을 참조하세요. 구체적인 분석: 1. 먼저 밧줄 그물로 가서 커미션 게시물을 볼 수 있습니다. 구멍]을 선택한 다음 메시지 보내기를 선택합니다. 2. 교환하고 교환한 후에 본 의뢰를 받고 본 수련을 시작하시면 됩니다. 3. 그런 다음 이 미션을 잠금 해제하려면 구멍에 들어가야 합니다. 4. 그러면 우리는 동굴 도둑으로부터 커미션을 수락하고 많은 양의 장비 코인을 얻을 수 있습니다. 5. 구멍에서 빠져나와야 한다

안전모의 보편적인 안전지대를 구현하는 방법 안전모의 보편적인 안전지대를 구현하는 방법 Jan 24, 2024 pm 02:36 PM

궁극적인 제로 유니버설 안전 헬멧을 완성하는 방법은 무엇입니까? 이 작업을 수행하려면 사전 작업을 수행해야 합니다. 실제로 Heiyan 건설 현장의 이전 현장에 가서 작업을 수행해야 합니다. 아래 에디터와 함께 살펴보겠습니다. Ultimate Zero 범용 안전모 완성 방법 1. Black Goose 건설 현장의 옛 현장으로 이동하여 여기에서 Tietou를 찾은 다음 그와 대화를 해야 합니다. 2. 대화를 나눈 후 구덩이에 있는 시멘트 봉지로 가면 여기 헬멧 담당 3명이 보이고 여기서 헬멧을 빌릴 수 있습니다. 3. 이후에는 신중한 일꾼을 찾아 대화를 해야 합니다. 대화가 끝난 후 다시 돌아와 아이언헤드를 찾으세요. 4. 마지막으로 Tietou와 대화를 나누어 작업을 완료하세요. 위 정보는 궁극의 제로전능투구를 완성하는 방법에 대한 내용입니다.

win10 스토어 페이지 로딩 오류 0x8013 win10 스토어 페이지 로딩 오류 0x8013 Dec 23, 2023 pm 08:37 PM

많은 친구들이 win10 응용 프로그램 소프트웨어 스토어에서 응용 프로그램을 다운로드할 수 없으며 페이지를 로드할 수 없다는 메시지가 표시됩니다. 실제로 제어판에서 네트워크와 인터넷을 열고 인터넷 옵션을 클릭한 후 다음을 클릭하세요. 고급을 선택하여 TLS1.1 및 TLS1.2를 사용하고 마지막으로 적용을 클릭합니다. 아래 세부 사항을 살펴보겠습니다. win10 스토어에서 페이지 0x8013을 로드할 수 없는 해결 방법 1. "실행"을 열고 inetcpl.cpl을 입력합니다. ("WINDOWS" + "R" 키, inetcpl.cpl을 입력할 수도 있습니다.) 2. 고급을 클릭하고 아래로 당겨서 "를 선택합니다. TLS1.2" 옵션을 사용하거나 고급 설정 복원을 클릭하세요. 3. 마지막 단계는 앱 스토어를 다시 시작하는 것입니다.

win11 스토어 페이지 로딩 문제 해결 win11 스토어 페이지 로딩 문제 해결 Dec 30, 2023 pm 09:06 PM

win11 시스템을 업데이트한 후 많은 사용자가 내부 스토어에서 소프트웨어를 다운로드하여 설치하지만 많은 사용자가 페이지를 로드할 수 없는 상황에 직면하므로 오늘은 Windows 11 스토어를 로드할 수 없는 문제에 대한 해결책을 알려 드리겠습니다. 열었습니다. 해결 방법을 확인하세요. win11 스토어가 페이지를 로드할 수 없는 경우 수행할 작업: 1. 먼저 왼쪽 하단에 있는 win 아이콘을 마우스 오른쪽 버튼으로 클릭하고 설정을 클릭합니다. 2. 그런 다음 Windows 설정에서 "네트워크 및 인터넷"을 클릭하세요. 3. 그런 다음 오른쪽의 고급 네트워크 설정에서 "네트워크 및 공유 센터"를 찾을 수 있습니다. 4. 입력 후 좌측 하단의 '인터넷 옵션'을 클릭하세요. 5. 마지막으로 옵션에서 고급 탭을 클릭하고 "TLS 1.1 및 1.2 사용"을 선택하세요.

WeChat의 Hongmeng 버전이 곧 완료될 예정이며 Huawei Mate70이 출시될 수 있습니다. WeChat의 Hongmeng 버전이 곧 완료될 예정이며 Huawei Mate70이 출시될 수 있습니다. Aug 23, 2024 pm 09:31 PM

최신 뉴스에 따르면 화웨이의 순수혈통 Hongmeng 시스템 HarmonyOSNext의 WeChat 적용 작업이 대부분 완료되었으며 공식 버전이 곧 사용자에게 제공될 예정입니다. 또한 WeChat 외에도 Tencent 기반의 다른 모바일 애플리케이션도 이에 적응하고 있습니다. WeChat은 기본적으로 이 단계에서 대부분의 적응 작업을 완료했습니다. 소식통에 따르면 미니 프로그램과 같은 WeChat 기능은 아직 기다려야 합니다. 순조롭게 진행된다면 순혈 홍멍이 정식 데뷔하면 사용자들은 위챗을 직접 이용할 수 있다. Yu Chengdong의 이전 성명에 따르면 화웨이는 올해 4분기에 순혈 홍몽 시스템을 출시할 예정이며, 그때까지 화웨이 Mate70 시리즈가 출시될 예정이며, 이때 위챗도 공식적으로 공개될 예정이다. 또한 일부 보고서에 따르면 WeChat의 Hongmeng 버전은 단순화된 버전일 수 있습니다. 이 버전에는 WeChat의 일부 핵심 기능만 포함되어 있습니다.

Vue 개발 시 페이지 로딩 시간 초과 문제를 해결하는 방법 Vue 개발 시 페이지 로딩 시간 초과 문제를 해결하는 방법 Jun 29, 2023 am 10:46 AM

Vue 개발에서 페이지 로딩 시간 초과 문제를 해결하는 방법 Vue 개발에서 페이지 로딩 시간 초과 문제는 일반적인 현상입니다. 페이지를 방문할 때, 해당 페이지에 너무 많은 콘텐츠가 로딩되거나, 네트워크 환경이 불안정할 경우, 페이지 로딩 시간이 너무 길어지거나, 심지어 페이지 로딩 타임아웃이 발생할 수도 있습니다. 이는 사용자 경험에 매우 비우호적입니다. 따라서 페이지 로딩 시간 초과 문제를 해결하려면 몇 가지 조치를 취해야 합니다. 1. 페이지 로딩 속도 최적화 먼저, 몇 가지 최적화 기술을 사용하여 페이지 로딩 속도를 줄일 수 있습니다.

See all articles