Javascript 코드 줄바꿈 - javascript kodeu julbakkum

     <BR> 태그와 \n 차이점     

\n과 <BR> 태그는 자바스크립트 차원과 HTML 차원에서의 줄 바꿈은 다르다. HTML에서는 pre, xmp 태그를 제외한 줄 바꿈은 반드시 <BR> 태그를 써야 줄 바꿈이 인정이 된다. 그렇지 않으면 하나 또는 여러 번의 엔터는 모두 공백으로 1칸만 인정이 되므로, <BR> 태그를 제외한 태그는 줄 바꿈이 인정이 되지 않는다.

HTML 코드

브라우저 출력결과

HTML 코드 <br> 태그

브라우저 출력 결과

자바스크립트에서는 HTML 문서로 보이는 결과가 아닌 이상 엔터 문자를 <br> 태그 대신에 \n(역슬래시 n)을 써줘야 한다. 대표적인 예로는 alert, confirm, textarea의 value에서 사용된다.

코드

자바스크립트 \n 출력 결과

자바스크립트 <br> 출력 결과

자바스크립트 \r(줄바꿈, 엔터)을 <br>로 변경

\r 또는 \r\n 줄바꿈 개행 문자를 html tag <br> 로 변경해야할때가 있다.

그럴떄 사용하면 유용하다.

<  엔터값(\r\n)  ->  BR 태그 로 변경 >

        function(str) replaceBrTag
        {
            if (str == undefined || str == null)
            {
                return "";
            }

            str = str.replace(/\r\n/ig, '<br>');
            str = str.replace(/\\n/ig, '<br>');
            str = str.replace(/\n/ig, '<br>');
            return str;
        }

자 그렇다면 반대 케이스 변경하는 방법이다.

< BR태그 -> 엔터값(\r\n)로 변경 >

        function(str) unreplaceBrTag 
        {
            if (str == undefined || str == null)
            {
                return "";
            }

            str = str.replace(/<br>/ig, '\n');
            str = str.replace(/<\/br>/ig, '\n');
            str = str.replace(/<br \/>/ig, '\n');
            return str;
        }

2021.06.25 - [script/Javascript] - javascript 입력한 값이 전화번호 형식인지 체크 하는 함수

javascript 입력한 값이 전화번호 형식인지 체크 하는 함수

javascript 입력한 값이 전화번호 형식인지 체크 하는 함수 입력값이 전화번호 형식 ( 숫자, - ) 로 이루어져 있는지 체크하는 함수 이다. 정규표현식으로 처리하는 방법과 for문 loof를 돌려서

www.appletong.com

2021.06.21 - [script/Javascript] - javascript isEmpty isNotEmpty 빈값체크, null체크

javascript isEmpty isNotEmpty 빈값체크, null체크

javascript isEmpty isNotEmpty 빈값체크, null체크 java 에서와 같이 ( apache common Lib를 보면) isEmpty, isNotEmpty 함수를 만들어 쓰면 참 편하겠다 라는 생각이 들었다. javascript 에서도 아래와 같..

www.appletong.com

2021.03.24 - [script/Javascript] - 자바스크립트 현재 날짜 시간 구하기 ( yyyyMMdd, yyyyMMddhhmmss )

자바스크립트 현재 날짜 시간 구하기 ( yyyyMMdd, yyyyMMddhhmmss )

자바스크립트 현재 날짜 시간 구하기 ( yyyyMMddhhmmss ) javascript를 통해 예제를 "년월일시분초"를 구하는 function example코드를 만들어 보겠습니다. 1. yyyyMMddhhmmss 형식의 string 데이터 반환 ( EX : 2..

www.appletong.com

2021.02.20 - [분류 전체보기] - javascript 두 날짜간의 차이 구하기 ( yyyyMMdd 형식 )

javascript 두 날짜간의 차이 구하기 ( yyyyMMdd 형식 )

javascript 두 날짜간의 차이 구하기 ( yyyyMMdd 형식 ) javascript에서 두날짜간의 차이 일수를 구해야할 일이 있을때 사용하면 된다. function betweenDay(firstDate, secondDate) { var firstDateObj =..

www.appletong.com