자바스크립트 함수의 인자값 중 공백이 있는 경우 처리 방법

이 블로그의 모든 콘텐츠들은 저의 저작물이며 출처, 저자를 밝히지 않고 이루어지는
퍼가기, 복제등의 행위와 상업적 이용을 금하며 필요시 별도로 연락을 주시기 바랍니다.




과거 안좋은 경험 때문에 개발 관련 해서는 가급적 포스트 작성을 안하고
혼자만 정리를 해 놓았는데 용기(?)내서 한번 정리 해 보려고 합니다.

자바스크립트에서 인자를 넘길 때 

sHtml += " <td class='last'><a href=javascript:move(";
sHtml += "'" + {담덕이의 탐방일지} + "',";
sHtml += ");>이동하기</a></td>";

위와 같이 인자값에 공백이 있는 경우 아래처럼

<a href="javascript:move('담덕이의

담덕이의 까지만 인식을 하면서 스크립트 에러가 발생을 한다.

이런 경우 replace 명령문을 이용해서 공백을 &nbsp; 처리 해서 넘겨주면 되는데

sHtml += " <td class='last'><a href=javascript:move(";
sHtml += "'" + {담덕이의 탐방일지}.replace(" ", "&nbsp;") + "'";
sHtml += ");>이동하기</a></td>";

위과 같이 처리하면 정상적으로 동작하는걸 보실 수 있을거에요.

티스토리 툴바