• 회원가입
  • 로그인
  • 구글아이디로 로그인

[attribute] HTML - ononline 속성 - 브라우저가 온라인으로 작동할 때 실행 (= ononline속성 = 온온라인속성) ※ ononline이벤트 = 온온라인이벤트

목차
  1. ononline 예제 - 브라우저가 온라인으로 작동 시 실행
  2. ononline 정의
  3. ononline 구문

 

ononline 예제 - 브라우저가 온라인으로 작동 시 실행

 

<!DOCTYPE html>

<html>

<body ononline="onHomzzang()" onoffline="offHomzzang()">


<h1>홈짱닷컴 Homzzang.com</p>

<p>홈페이지 제작관리 강의</p>


<script>

function onHomzzang() {

  alert ("브라우저 online 모드 중");

}


function offHomzzang() {

  alert ("브라우저 offline 모드 중");

}

</script>


</body>

</html>


 

ononline 정의

 

브라우저가 온라인으로 작동할 때 실행할 코드 지정.

 


 

1. ononline 속성 사용 가능 태그 종류

<body>

 

2. cf.

onoffline 속성 - 브라우저가 오프라인으로 작동할 때 실행할 코드 지정.

 

3.

Firefox 및 IE8~10만 지원.

 

 

ononline 구문

 

HTML 방식

  • <element ononine="myScript">

 

JS 방식 (3가지)

  • object.ononline ()=>{myScript};
  • object.ononline = function(){myScript};
  • object.addEventListener("online", myScript);



[속성값]

 

myScript

브라우저가 온라인으로 작동할 때, 실행할 JS 코드

  • 주의: 함수명 사용 시, 다른 곳은 전부 소괄호까지 사용해 함수 호출하나 핑크색 myScript 자리는 "함수명만" 사용해 함수 호출.
  • 사용 방식 통일 권장.

 

 


분류 제목
form HTML - <input type="tel"> 태그 - 전화번호 입력 (= 인풋텔타입/텔타입인풋/텔인풋 요소…
form HTML - <input type="text"> 태그 - 1줄 텍스트 입력 (= 인풋텍스트타입/텍스트타입인풋…
form HTML - <input type="time"> 태그 - 시간 입력 (= 인풋타임타입/타임타입인풋/타임인풋 …
form HTML - <input type="url"> 태그 - http(s) 프로토콜 형식의 URL 주소 입력 (=…
form HTML - <input type="week"> 태그 - 연도와 몇주차인지 선택 입력 (= 인풋위크타입/위크…
attribute HTML - loading 속성 - 이미지 레이지로드 여부 지정 (= loading속성 = 로딩속성) ※ …
attribute HTML - cellspacing 속성 - 테이블셀간의 간격 지정 (= cellspacing속성 = 셀스페이…
attribute HTML - cellpadding 속성 - 테이블 셀 내부의 여백 지정 (= cellpadding속성 = 셀…
18/18
목록
찾아주셔서 감사합니다. Since 2012