[JSP][HTML][timeleaf] Javascript 전역 함수 사용법

2018. 5. 4. 11:09·JS/JavaScript
728x90
반응형

사용할 페이지에서.

<script type="text/javascript" src="<c:url value='/javamin.js' />"></script>

 

javamin.js

var javamin = {};

javamin.trim = function trim(string){
    return string.replace(/^\s+|\s+$/g,"");
};

javamin.now = function(param){
    setInterval(function(){
        var now = new Date();
        var nowTime = now.getFullYear() + "-" + (now.getMonth()+1) + "-" + now.getDate() + " " + now.getHours() + ":" + now.getMinutes() + ":" + now.getSeconds();
        $(param).html(nowTime);
    },1000);
};
 
등. 공통적으로 써야할 script를 묶어놓는다.
 
사용할 JSP페이지에서라던가, 
<script type="text/javascript" src="<c:url value='/javamin.js' />"></script>
<script type="text/javascript" src="<c:url value='/abc.js' />"></script>
 
javamin.js 보다 아래에 스크립트가 추가된 abc.js에서
 
javamin.trim('abzxcvzxcvzxcv  zxcv');
 

를 사용하면.

해당 스크립트가 실행된다.

728x90
반응형

'JS > JavaScript' 카테고리의 다른 글

[JavaScript] Session(세션, feat. SessionStorage), LocalStorage(로컬스토리지), Cookie(쿠키), 사용하기  (0) 2022.11.30
[JSP] 파일업로드 로딩 화면 샘플 소스 DEMO  (0) 2018.04.02
[JQuery] [ajax] 04. ajaxMethod  (0) 2017.08.28
[JS] 13. Closure  (0) 2017.08.28
[JS] 12. scope  (0) 2017.08.28
'JS/JavaScript' 카테고리의 다른 글
  • [JavaScript] Session(세션, feat. SessionStorage), LocalStorage(로컬스토리지), Cookie(쿠키), 사용하기
  • [JSP] 파일업로드 로딩 화면 샘플 소스 DEMO
  • [JQuery] [ajax] 04. ajaxMethod
  • [JS] 13. Closure
밍글링글링
밍글링글링
mingling - 밍글링, 밍글밍글링. 코드와 어우러지다. IT/ 프로그래밍/소스
    반응형
    250x250
  • 밍글링글링
    mingling
    밍글링글링
  • 전체
    오늘
    어제
    • 밍글링글링 (407) N
      • Flutter (2)
      • 일상생활 (8)
        • 리뷰 (1)
        • 생활정보 (4)
        • 맛집 (0)
        • 여행 (0)
        • 모든정보 (3)
      • JAVA (126)
        • 개념 (6)
        • 예제 (115)
        • Exception (2)
      • C (1)
        • C (1)
        • C++ (0)
        • C# (0)
      • JS (29)
        • JavaScript (18)
        • JQuery (5)
        • AJax (0)
        • NODE.JS (6)
        • Angular.JS 2.0 (0)
      • WEB (87)
        • HTML (6)
        • CSS (61)
        • JSP (20)
        • JSTL (0)
      • FrameWork (8)
        • Spring (8)
        • BootStrap (0)
        • MyBATIS (0)
        • JUnit (0)
      • 외부 라이브러리 (5)
      • 공유 소스 관리 (5)
        • Git (5)
        • SVN (0)
      • 빅데이터 프로그래밍 (37)
        • Python (37)
        • R Programming (0)
      • DB (7)
        • ORACLE (0)
        • MySql (6)
      • Development Tools (7)
        • StarUML (0)
        • eXERD (0)
        • Eclipse (4)
      • SKILL (6)
        • Migration (0)
        • Security (6)
      • MicroSoft (0)
        • Excel (0)
        • Word (0)
      • Android (0)
      • Server (21)
        • Ubuntu (5)
        • Linux (15)
      • IOS (0)
      • XML (0)
      • 미디어 (0)
      • 공지사항 (3)
      • NETWORK (1)
      • 게임 (4)
        • 피파 (1)
        • 리니지M (0)
        • 배틀그라운드 (1)
        • 듀랑고 (2)
      • 세상 이슈 (6)
      • 일렉트론 (0)
      • 대회 소식 (4)
      • 업무 (2)
      • Express, Vue (6)
      • docker (11)
      • svelte (3)
      • 블록체인 (1)
      • IT (10) N
      • Rust (0)
  • 블로그 메뉴

    • 홈
    • 태그
    • 미디어로그
    • 위치로그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    자바 객체 지향
    VS Code 팁
    자바 생성자
    프런트엔드
    러스트
    java casting
    오류
    티스토리 자동화
    css block
    자바 배열
    jsp include
    css list
    ubuntu
    svelte
    mysql db
    Node
    자바 exception
    gitlab 설치
    css table
    css tb
    API 설계
    Rust lang
    lang rust
    Java Array
    클론코딩
    vue 설치
    nginx ssl 설정
    vue cli
    css transition
    SSL 인증서
    ssl 인증서 발급
    Extension Bisect
    브라우저 자동화
    자바 클래스
    자바 for문
    jsp parameter
    css perspective
    에디터 팁
    css float
    vscode
    servlet class
    rust linux
    리눅스 설치
    AI 코딩 에이전트
    docker
    spring java
    React Compiler
    proxy pass
    nginx
    nginx ssl 적용
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.6
밍글링글링
[JSP][HTML][timeleaf] Javascript 전역 함수 사용법
상단으로

티스토리툴바