프로그램에서 자주 기록 된 문자열 연결은 가장 일반적인 방법은 페이지에 문자열 반환에 스플 라이스, 다음 HTML 코드로 렌더링 브라우저를하도록하는 것입니다.
이제 ES6 많이하고있다, 그러나 어떤 이유로, 일부 프로젝트는 가장 원시적 인을 사용할 수 있습니다 플러스 "+"스티치 서명, 그래서 사용의 상황이 될 것입니다, 다음 코드를 살펴 보자 :
1 VAR의 stringify_json = JSON.stringify (rowObject); 2 VAR의 STR2 = 1;
1 STR + = "<input의 onclick ="del_id ( "+ stringify_json + ','+ STR2 +") '타입 = "버튼"값 ='删除'/> " ; 2 함수 del_id (a, b) { 3 CONSOLE.LOG (a); 4 CONSOLE.LOG (b); 5 }
위의 코드의 생명, 이번에는 문제가되지 않습니다, 당신은 또한 인쇄 할 수 있습니다이 버튼을 클릭, 페이지가 제대로 해결 될 수 STR 페이지에 직접 반환 넣어, 다음은 인쇄의 결과입니다
구조가 문제가되지 않습니다 인쇄합니다. 우리가 STR2에 문자열을 넣을 때, 나는 오류를 시작 페이지를 발견했다.
즉, 시작 페이지 주어지는 때과 str2 = "문자열"로 위의 코드이며, 여기에 잘못된 정보 및 페이지 렌더링의 결과가;
나는이 문자열 연결 최대에 부합되지 아니하는 것을 발견, 그래서 JS이 과정이라고 생각하기 때문에 위의 오류가 발생했습니다.
그래서 시간이 우리 접합, 당신은 문자열의 양쪽에 따옴표를 넣을 필요가 있기 (위해) 때문에, 다음과 같은 코드가있다 :
1 STR + = "<input의 onclick ="del_id ( "+ stringify_json +" ' "+ STR2 +"') '타입 = "버튼"값 ='删除'/> ";
그런 다음 렌더링 페이지에이 같다.
즉, HTML 파서는이 기간이 완료된 생각 따옴표 앞에있는 문자열을 구문 분석하기 때문에 페이지가 오류를 지시하며, 즉, 우리는 따옴표로 바느질에 작은 따옴표가 필요;
다음은 내가 따옴표에 작은 따옴표로 위의 코드에서 직접, 내 편집기의 스크린 샷이다.
변수로 직접적 편집기 STR2. 이것은 확실히 작동, 그래서 우리는 "\"우리의 전송 문자를 보낼 필요가 이번에하지 않는다;
1 STR + = "<input의 onclick ="del_id ( "+ stringify_json +"\ ""+ STR2 + "\" "+") '타입 = "버튼"값 ='删除'/> ";
이 전송 플러스 문자 후, 즉 우리가 일을 접합하는, 그러나 그것은 단순히 그가 인용을 의미하지,라고 따옴표를 다시 \하는 것입니다. 이 경우, 우리는 일반적으로 인쇄 할 수 있습니다.
---------------- 화려한 분할 선 -----------------------------
벌금을 ES6에 이미 많은 프로젝트가있다, 문자열 연결에 더 아름다운 길을 ES6, 아래 링크를 참조
https://www.cnblogs.com/newze/p/7535470.html
이 문서는 잘 작성되었습니다. 당신은 검사를 소유 할 수 있습니다;