EVENT
-
[javascript] 60. DOM Event Listener - 자바스크립트 강좌 JS / CSEWeb/JavaScript 2015. 6. 13. 15:40
JavaScript HTML DOM EventListener 1. The addEventListener() method 사용자가 버튼을 클릭 했을 때 이벤트 리스너를 추가하는 예제입니다. 12345678910111213141516171819202122 This example uses the addEventListener() method to attach a click event to a button. Try it document.getElementById("myBtn").addEventListener("click", displayDate); function displayDate() {document.getElementById("demo").innerHTML = Date();} Colored by Colo..
-
[javascript] 59. DOM Event - 자바스크립트 강좌 JS / CSEWeb/JavaScript 2015. 6. 13. 15:39
JavaScript HTML DOM Events HTML DOM은 HTML 이벤트의 반응을 자바스크립트에게 허용합니다. 1. Reacting to Events 자바스크립트는 이벤트가 발생할 때 실행되어 질 수 있습니다, 마치 사용자가 HTML 요소를 클릭 했을 때 처럼 말이죠. 사용자가 요소를 클릭 했을 때 코드를 실행시키기 위해, HTML 이벤트 속성에 자바스크립트 코드를 추가해주시면 됩니다. onclick=JavaScript HTML 이벤트의 예제: - 사용자가 마우스로 클릭 했을 때 - 웹 페이지가 로드 되었을 때 - 이미지가 로드 되었을 때 - 마우스가 요소의 위에 올라갔을 때 - 입력 필드가 변경 되었을 때 - HTML 서식이 제출 되었을 때 아래 예제의 텍스트를 클릭하면 텍스트가 바뀝니다: C..
-
[javascript] 58. DOM CSS - 자바스크립트 강좌 JS / CSEWeb/JavaScript 2015. 6. 13. 15:38
JavaScript HTML DOM - Changing CSS 1. Changing HTML Style HTML 요소의 스타일을 변경하기 위해서 아래 문법을 사용합니다: document.getElementById(id).style.property=new style 아래 예제는 요소의 스타일을 변경하는 예제입니다: 123456789101112131415161718 Hello World! Hello World! document.getElementById("p2").style.color = "blue";document.getElementById("p2").style.fontFamily = "Arial";document.getElementById("p2").style.fontSize = "larger"; The..
-
[javascript] 41. 예약어(Reserved Keywords) - 자바스크립트 강좌 JS / CSEWeb/JavaScript 2015. 6. 13. 15:28
JavaScript Reserved Words 자바스크립트에서, 몇몇 식별자는 예약어여서 변수나 함수 이름으로 사용할 수가 없습니다. 1. JavaScript Standards 모든 현재 브라우저는 ECMAScript 3(ES3, thr third edition of JavaScript from 1999)를 완전히 제공합니다. 시간이 지남에 따라, 완벽한 ES5를 모든 브라우저에서 제공하게 되었습니다. 2. JavaScript Reserved Wordsabstractargumentsbooleanbreakbytecasecatchcharclass*constcontinuedebuggerdefaultdeletedodoubleelseenum*evalexport*extends*falsefinalfinallyfloa..
-
[javascript] 13. 이벤트(Events) - 자바스크립트 강좌 JS / CSEWeb/JavaScript 2015. 6. 13. 14:31
JavaScript Events HTML 이벤트는 HTML 요소에서 발새하는 "사건"입니다. 자바스크립트가 HTML 페이지에서 사용된다면, 자바스크립트는 이러한 이벤트에 반응 할 수 있습니다. 1. HTML Events HTML 이벤트는 브라우저가 하는 일 또는 사용자가 하는 일이 될 수 있습니다. HTML 이벤트의 몇 가지 예제: - HTML 웹 페이지가 로딩을 끝 맞췄을 때 - HTML 입력 필드가 변경 되었을 때 - HTML 버튼이 클릭 되었을 때 종종 이벤트가 발생하면, 무언가 일을 하고 싶어합니다. 자바스크립트는 이벤트가 감지되었을 때, 코드를 실행할 수 있게 해줍니다. 12 The time is?cs 1The time is?cs 2. Common HTML Events EventDescripti..
-
[PHP] 44. XML 파서( XML Parsers) - PHP 강좌, PHP5Web/PHP 2015. 6. 13. 14:07
PHP XML Parsers 1. What is XML? XML 언어는 웹사이트 전체에 공유하기 위한 구조 데이터의 방법입니다. RSS 피드나 팟케스트(Podcasts) 같은 여러 웹 기술들은 XML로 작성되어 있습니다. XML은 쉽게 생성할 수 있습니다. 자신만의 태그를 구성하는 것을 제외하고 HTML과 많이 유사합니다. 2. What is an XML Parser? XML 문서를 읽고, 수정하고, 생성하고, 조작하기 위해서, XML 파서가 필요합니다. PHP에서 XML 파서의 두가지 주요 타입이 있습니다: - Tree-based Parsers - Event_based Parsers 3. Tree-Based Parsers Tree-Based Parsers는 메모리 내에 전체 문서를 지니고 있고 XML ..
-
[jQuery] 4. 이벤트 메소드(Event method) - jQuery 강좌Web/jQuery 2015. 6. 13. 11:14
jQuery Event Methods jQuery는 HTML 페이지 내에서 이벤트에 반응하기 위한 맞춤입니다. 1. What are Events? 모든 다른 방문자들의 행위에 따른 웹페이지의 반응은 이벤트라 합니다. 예제: - 요소 위에 마우스를 이동시킨다. - 라디오 버튼을 선택한다. - 요소를 클릭한다. Mouse EventsKeyboard EventsForm EventsDocument/Window Eventsclickkeypresssubmitloaddblclickkeydownchangeresizemouseenterkeyupfocusscrollmouseleave blurunload [ 출처: W3Schools ] 2. jQuery Syntax For Event Methods jQuery에서, 대부분의..
-
[AngularJS] 10. HTML Event - Angular JS 강좌Web/AngularJS 2015. 6. 12. 14:21
AngularJS Events AngularJS는 자신만의 HTML 이벤트 지시어를 가지고 있습니다. 1. The ng-click Directive ng-click 지시어는 AngularJS 클릭 이벤트를 선언합니다. 1234567891011121314151617181920212223 Click Me! {{ count }} var app = angular.module('myApp', []); app.controller('myCtrl', function($scope) { $scope.count = 0; }); Colored by Color Scriptercs a9 2. Hiding HTML Elements ng-hide 지시어는 어플리케이션의 일부분의 가시성을 설정할 때 사용합니다. ng-hide="tru..