자바스크립트 bom객체
location 객체:
윈도우에 로드된 웹페이지의 url정보를 나타내는 객체
location으로 현재 윈도우로 웹페이지 열기 :
window.location = "http://www.naver.com";
window.location.href = = "http://www.naver.com";
window.location.assign("http://www.naver.com");
window.location.replace("http://www.naver.com");
새윈도우에 웹페이지 열기 :
let win=window.open(); // 빈 윈도우 열기
win.location="http://www.naver.com"; // 네이버 페이지 로드
navigator 객체 : 현재 작동중인 브라우저에 대한 다양한 정보를 나타내는 객체
screen 객체 : 브라우저가 실행되는 스크린 장치에 관한 정보를 담고 있는 객체
history 객체 : 윈도우에서 방문한 웹페이지 리스트를 나타내는 객체
history.back(); // 이전 페이지로 이동
history.go(-1); // 이전 페이지로 이동
history.forward(); // 다음 페이지로 이동
history.go(1); // 다음 페이지로 이동
===============================JQuery
html을 쉽게 사용하려고 만든 라이브러리로 자바스크립트를 미리 작성해둔것이다
Javascript로도 모든 기능을 구현할 수는 있지만, 코드가 복잡하고, 브라우저 간 호환성 문제 등도 고려해야해
JQuery라는 라이브러리가 등장하게 되었다
Javascript로 길고 복잡하게 써야 하는 것을 JQuery로 보다 짧고 직관적으로 쓸 수 있다.
JQuery는 Javascript와 다른 소프트웨어가 아니라 미리 작성된 Javascript 코드임
전문 개발자들이 짜둔 코드를 잘 가져와서 사용하는 것이다!
따라서, 사용하기 전에 꼭 "import 임포트" 해야한다. >> 제이쿼리 cnd주소 추가해주라는 말임
적용하기
CSS가 적용되는 형태와 동일하게, JQuery를 적용시키기 위해서도 "가리켜야" 한다.
CSS 에서는 선택자로 class 명인데 반해,
JQuery 에서는 id 값을 통해 특정 버튼/인풋박스/div/.. 등을 가리킬 수 있다.
형식 :
html안에
body 안에
script 영역에
$(document).ready(function(){ $ : j쿼리 형식 / document : 문서형식/ function(){ : 익명함수가 준비되었다는 의미
이 안에 구현하고 싶은 동작들을 적어주면됨
적용하려면 그 객체를 가르켜야 한다
id, tagname, classname 등으로 그 객체를 특정해서
동작하도록 하는 것});
셀렉터 종류 :
==================url 가져오는 함수==================================
추가 정리
JSP 자바 코딩에서 다양한 url 주소 가져오는 함수정리
프로젝트 Path만 가져옵니다.
request.getContextPath()
예) http://localhost:8080/project/list.jsp
[return]/project
프로젝트 + 파일경로까지 가져옵니다.
request.getRequestURI()
예) http://localhost:8080/project/list.jsp
[return] /project/list.jsp
String url = request.getRequestURI.split("/");
String Name = url[url.length -1]; // list.jsp
전체 경로를 가져옵니다.
request.getRequestURL()
예) http://localhost:8080/project/list.jsp
[return] http://localhost:8080/project/list.jsp
파일명만 가져옵니다.
request.ServletPath()
예) http://localhost:8080/project/list.jsp
[return] /list.jsp
서버 or 로컬 웹 애플리케이션 절대결로 가져옵니다.
request.getRealPath()
예) http://localhost:8080/projectname/list.jsp
[return] c:\project\webapps\projectname\
