WEB/Javascript11 [JavaScript] a 태그의 download 속성 a태그의 download 속성 : 브라우저에게 이 링크로 가는대신 URL을 다운로드하도록 지시 function handleSaveClick() { //이미자파일 타입 정의(default png, jpg ...) const image=canvas.toDataURL(); const link=document.createElement("a"); link.href=image; link.download="file_name" //파일명 link.click() //이미지 주소가 담긴 a태그를 클릭해서 실행되도록 클릭되도록함 } 2020. 9. 2. [JavaScript]현재 페이지 새로고침(refresh) location.reload(); window.location.reload(); location.href window.location.href; history.go(0); 2020. 9. 2. [JavaScript]jQuery 라이브러리 jQuery : JavaScript를 간편하게 사용하도록하는 오픈소스 기반의 자바스크립트 라이브러리 기본 문법 $(선택자).메서드(); JavaScript jQuery 창이 모두 로드되었을 때 window.onload = function() {}; $(window).load( function() {}); 문서가 모두 로드되었을 때 $(documunt).ready(function() {}); $(function() {}); onload : 모든 내용을 로드한 뒤에 실행 ready() : 문서만 로딩하고 실행 jQuery에서는 CSS선택자를 사용 안녕하세요 반갑습니다! 내용 바꾸기 안녕하세요 반갑습니다! ㅎㅇㅎㅇ $(선택자).html(); : 매개변수 없이 사용하면 선택자 요소안의 HTML태그까지 가져옴 매.. 2020. 8. 23. [JavaScript]문서 객체 모델 DOM 문서객체 Document Object : 태그를 자바스크립트에서 사용할 수 있는 객체로 만든 것 문서 객체를 조작 = 태그를 조작 Document Object Model : 웹페이지를 자바스크립트로 제어하기 위한 객체 모델을 의미한다. window 객체의 document 프로퍼티를 통해서 사용할 수 있다. Window 객체가 창을 의미한다면 Document 객체는 윈도우에 로드된 문서를 의미한다고 할 수 있다. * 출처 : 생활 코딩 문서 객체 선택 구분 메서드 설명 반환 타입 1개 document.getElementById(id) 태그에 부여된 id로 선택 단일 객체 document.querySelector(선택자) CSS선택자로 첫번째 요소만 선택 다수 document.getElementByName(.. 2020. 8. 21. [JavaScript]JavaScript 시작하기 Javascript : 프로토타입 기반의 객체지향, 스크립트언어 식별자 : 자바스크립트에서 변수나 함수 등에 이름을 붙일 때 사용하는 단어 변수 : 값을 저장할때 사용하는 식별자 자바스크립트는 자료형(데이터타입)을 설정하지않고 val로 모든 변수를 선언한다. 자료형 데이터 타입 설명 Number(정수, 실수) 숫자나 산술 연산에 사용 String(문자열) “ ”나 ‘ ’로 감싸진 문자 Boolean(논리) true, false 값을 가지는 타입 Object(객체) 객체를 저장하기위한 데이터타입 null(참조 값이 없음) 객체가 다른 곳을 참조 되지 않았을 때의 값, 비어 있는 값 undefined(정의되지 않음) 변수가 선언되고 할당되지 않았을 때의 표시 값 함수 // 선언적 함수 function fun.. 2020. 8. 18. 이전 1 2 다음
