소셜 미디어 숫자 값 및 로컬 스토리지 HTML5로 더미

숫자 값 및 로컬 스토리지 HTML5로 더미

비디오: Week 9 2025

비디오: Week 9 2025
Anonim

HTML5를 사용하면 클라이언트 컴퓨터의 특수 localStorage 파일에 최대 5MB의 데이터를 쓸 수 있습니다. 도메인에서 온 모든 페이지 동일한 저장소 영역을 공유하므로이 메커니즘을 사용하여 여러 페이지간에 데이터를 일관되게 유지할 수 있으며 데이터를 제거 할 때까지 클라이언트 컴퓨터에 유지되므로 시간 경과에 따라 정보를 추적하는 데에도 사용할 수 있습니다. > 숫자 데이터로 작업하는 경우 localStorage는 모든 것을 문자열로 저장한다는 점에 유의하십시오.LocalStorage에 숫자 값을 저장하는 데는 문제가 없지만 검색 할 때 값을 다시 숫자 값으로 변환해야합니다 (

function countVisits () 사용자가 사이트를 방문한 횟수를 계산하는 예제입니다: parseInt () 또는 parseFloat () {str_count = localStorage.getItem ("count"); // str_count에서 숫자 값을 가져 와서 count에 넣습니다. if (str_count == null || str_count == "null") {count = 0;} else {count = parseInt (str_count);} // 증가 카운트 카운트 ++; // 표시 횟수 lblCounter = 문서. getElementById ("lblCounter"); lblCounter. innerHTML = "여기에 왔습니다."+ count + "times"; // 스토어 카운트 localStorage. }}이 코드는 페이지가로드 될 때마다 (속성과 함께) 실행되어야합니다.
 ->
localStore
  1. 에서 카운트를 시도합니다. str_ 접두어를 사용하여 데이터가 현재 문자열임을 알립니다. 값이 존재하는지 확인하십시오.

    데이터베이스에 항목 수가없는 경우 사용자가 처음 (또는 데이터베이스를 지웠을 때)이되어야합니다. 두 경우 모두 count (숫자 변수)에 값 0을 할당하십시오.

  2. str_count가 있으면 정수로 변환하십시오.

  3. parseInt () 메서드를 사용하여 문자열 str_count를 정수로 변환합니다.

    계산에 하나를 더하십시오.

    카운트가 정수가되었으므로 여기에 추가 할 수 있습니다.

  4. 사용자에게 카운터 값을 표시하십시오.

    물론 이것은 반드시 필요한 것은 아니지만 약간의 피드백을 제공하는 것이 좋습니다.

  5. store를

  6. localStorage 데이터베이스에 저장합니다. 문제없이 데이터베이스에 정수 개수를 저장할 수 있습니다. 저장 될 때 조용히 문자열로 변환됩니다.

숫자 값 및 로컬 스토리지 HTML5로 더미

편집자의 선택

검사 - ASA (Adaptive Security Appliance) 라이센스 -

검사 - ASA (Adaptive Security Appliance) 라이센스 -

Cisco Adaptive Security Appliance (ASA)를 통해 라이센스를 취득한 경우 두 곳에서 확인할 수 있습니다. ASA를 재부팅하면 부팅 프로세스 중에 라이센스 정보가 표시됩니다. 라이센스 정보를보기 위해 ASA를 재부팅하고 싶지는 않을 것입니다 ...

인터넷 그룹 관리 프로토콜 (IGMP) 기본 - 더미

인터넷 그룹 관리 프로토콜 (IGMP) 기본 - 더미

멀티 캐스트 그룹 멤버십을 수립하기 위해 IP 네트워크상의 호스트 및 인접 라우터가 사용하는 통신 프로토콜. IGMP는 라우터에 멀티 캐스트 그룹 가입 및 탈퇴 방법을 제공합니다. 특정 멀티 캐스트 주소로 전송되는 데이터를 수신하도록 선택한 멀티 캐스트 그룹 및 시스템 두 개 ...

VLAN 트렁킹 프로토콜 (VTP) 시작하기 - 더미

VLAN 트렁킹 프로토콜 (VTP) 시작하기 - 더미

VLAN 트렁킹 프로토콜 (VTP)은 전체 로컬 영역 네트워크에서 VLAN (Virtual Local Area Networks)의 정의를 전파하는 시스코 네트워크 프로토콜. 구성에주의하지 않으면 동일한 VLAN의 시스템이 ...

편집자의 선택

Excel 2010에서 셀 커서를 이동하기위한 바로 가기 - 인형

Excel 2010에서 셀 커서를 이동하기위한 바로 가기 - 인형

Microsoft Office Excel 2010은 다양한 새 셀을 선택하기위한 키보드 단축키. 이러한 키 입력 중 하나를 사용하면 셀 커서를 이동해야하는 경우 Excel 2010에서 자동으로 워크 시트의 새 부분을보기로 스크롤합니다. 이러한 키 입력 및 해당 동작은 다음 표에서 확인할 수 있습니다. 키 입력 ...

Excel 피벗 테이블에서 피벗 테이블 데이터 항목 표시 및 숨기기

Excel 피벗 테이블에서 피벗 테이블 데이터 항목 표시 및 숨기기

Excel 피벗 테이블 요약 및 원본 데이터 테이블의 모든 레코드를 보고서에 표시합니다. 그러나 특정 데이터 항목이 피벗 테이블 요약에 포함되지 않도록하려면 상황이 발생할 수 있습니다. 이 경우 데이터 항목을 숨기도록 선택할 수 있습니다. 피벗 테이블의 측면에서 ...

Excel 대시 보드에 차이가있는 성능 보여주기 - 효과적이고 유익한 방법 인 Excel의 인형

Excel 대시 보드에 차이가있는 성능 보여주기 - 효과적이고 유익한 방법 인 Excel의 인형

목표에 대한 성과는 목표와 성과 간의 차이를 플로팅하는 것입니다. 대상에 대해 성능을 표시하는 표준 방법은 대상을 계획하고 성능을 계획하는 것입니다. 이는 일반적으로 꺾은 선형 차트 또는 조합 차트로 수행됩니다 ...

편집자의 선택

를 사용하여 스프레드 시트 작업 NaturallySpeaking을 사용하여 이전 버전의 NaturallySpeaking을 사용한 스프레드 시트를 사용하는 인형

를 사용하여 스프레드 시트 작업 NaturallySpeaking을 사용하여 이전 버전의 NaturallySpeaking을 사용한 스프레드 시트를 사용하는 인형

세포의 이름. 당신은 "셀 A5"또는 "컬럼 C 선택"과 같은 말을하고 싶었지만 주사위는 사용하지 않았습니다. 조수는 당신이 무슨 말을하고 있는지 전혀 몰랐습니다. 글쎄, 당신 조수가 "업 레벨"기술을 가지고! 이제는 ...

웹 브라우저 용 Evernote Web Clipper - 인형

웹 브라우저 용 Evernote Web Clipper - 인형

Evernote 계정을 생성 한 후 버전을 선택할 수 있습니다 필요한 플랫폼 또는 장치 용. 그림에 표시된 Welcome to Evernote 전자 메일에서 링크를 클릭하기 만하면됩니다. Evernote는 전자 메일을 여는 데 사용한 장치를 인식하고 올바른 소프트웨어를 제안합니다. 다른 이메일을 열면 ...

는 Evernote Notes - Dummy

는 Evernote Notes - Dummy

의 간단한 검색을 수행하여 다양한 방법으로 Evernote 메모를 검색 할 수 있습니다. 그 중 일부는 다른 것보다 효과적입니다. 키워드, 제목 또는 태그별로 간단한 검색을 수행하여 시작할 수 있습니다. 간단한 검색은 정확하게 들리지만 꽤 간단합니다. 장치에 관계없이 키워드 또는 구를 빨리 입력하고 ...