โดยไม่ต้องกังวลใจเพิ่มเติมลองดูที่รหัส
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <title> // ความยาวของอักขระจีนที่อ่านโดยแอตทริบิวต์ความยาวคือ 1 ถ้า (str.length*2 <= len) {return str; } var strlen = 0; var s = ""; สำหรับ (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.onload = function () {var str = document.getElementById ('cut_str'). innerhtml; var s = cutstring (str, 15); document.getElementById ('cut_str'). innerhtml = s;} </script> <div> <p id = "cut_str"> วิธีการเขียน js ที่เกินกว่าข้อความจะถูกแทนที่ด้วยจุดไข่ปลา </p> </div> </body> </html>การเรนเดอร์การดำเนินการ
สรุป
ในความเป็นจริงสิ่งสำคัญคือการใช้วิธี substring ของ JS มันยังง่ายมากที่จะใช้ฟังก์ชั่นนี้ แต่มันใช้งานได้จริงมาก ข้างต้นเป็นเนื้อหาทั้งหมดของบทความนี้ ฉันหวังว่าบทความนี้จะช่วยทุกคน