이번에는 일반 메소드가 입력 내용을 처리하는 방법과 일반 메소드가 입력 내용을 처리할 때 Notes가 무엇인지 알아보겠습니다. 아래에서는 실제 사례를 살펴보겠습니다.
이 작은 스크립트가 구현하는 것은 입력 상자 내용에서 태그의 src 내용을 추출한 다음 원래 위치의 내용을 바꾼 다음 html 태그, 공백 및 기타 작업을 제거하는 것입니다. 입력 내용에
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <script> window.onload = function () { var target = document.getElementById("p1"); var but = document.getElementById("but"); var value; but.onclick = function () { value = target.innerHTML; result = dealText(value); alert(result); }; }; function dealText(msg) { var text1 = imageRound(msg); var text2 = removeTag(text1); var text3 = removeBlank(text2); var text4 = changeNBSP(text3); return text4; } function DealNum(num) { var content = []; for (var i = 0; i < num.length; i++) { // content.push(defaultSrc(num[i])); } return content; } function defaultSrc(src) { return ':avator:'; } function returnValue(srcValue) { var num = []; var pattern = /([^\/]+)\./; var src; for (var i = 0; i < srcValue.length; i++) { src = pattern.exec(srcValue[i])[1]; num.push(src); } // alert(num); var source = DealNum(num); return source; } function imageRound(text) { var reg2 = /<img.*?\>/gi; var s = text.match(reg2); var num = returnValue(s); var i = 0; var content = text.replace(reg2, function () { return num[i++]; }); return content; } function removeTag(text) { var text1; var reg = /<.*?>|<.*?\/>/g; text1 = text.replace(reg, ""); return text1; } function removeBlank(text) { var text1; var reg = /\s+/g; text1 = text.replace(reg, ""); return text1; } function changeNBSP(text) { var text1; var reg = / /g; var reg1 = /\;/g; text1 = text.replace(reg, ' '); text1 = text1.replace(reg1, ""); return text1; } </script> </head> <body> <p contenteditable="true" id="p1">abc efg <img src="asdjk/123.jpg"/><span>hi gk</span><img src="ahdkh/124.jpg"/> <p>lmnop</p> q rst uvw </p> <button id="but">更新</button> </body> </html>
이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!
추천 자료:
JS에서 일반 정규 표현식을 사용하여 문자열의 여러 공백을 하나의 공백으로 바꾸는 방법
위 내용은 규칙성은 입력 콘텐츠를 어떻게 처리합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!