더 이상 고민하지 않고 코드를 살펴 보겠습니다
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w.w.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"><Html xmlns = "http://www.w3.org/1999/xhtml"> <head> <head> <meta http-equiv = "content-type"content = "text/html; charset = utf-8"/> <title> js 텍스트를 초과하는 텍스트를 초과하는 쓰기 (</head> <script> head> <tittle> js 쓰기) {// 길이 속성으로 읽는 중국어의 길이는 1 if (str.length*2 <= len) {return str; } var strlen = 0; var s = ""; for (var i = 0; i <str.length; i ++) {s = s+str.charat (i); if (str.charcodeat (i)> 128) {strlen = strlen + 2; if (strlen> = len) {return s.substring (0, s.length-1) + "..."; }} else {strlen = strlen + 1; if (strlen> = len) {return s.substring (0, s.length-1) + "..."; }} else {strlen = strlen + 1; if (strlen> = len) {return s.substring (0, s.length-2) + "..."; }}} return s;} window. var s = 컷 스트링 (str, 15); document.getElementById ( 'cut_str'). innerHtml = s;} </script> <div> <p id = "cut_str"> js 텍스트를 초과하는 쓰기 메소드는 엘립스로 대체됩니다. </p> </div> </body> </html>구현 렌더링
요약
실제로, 가장 중요한 것은 JS의 substring 방법을 사용하는 것입니다. 이 기능을 구현하는 것은 여전히 매우 간단하지만 매우 실용적입니다. 위는이 기사의 전체 내용입니다. 이 기사가 모두에게 도움이되기를 바랍니다.