javascript 동적으로 생성된 문자열을 기반으로 JS 파일(스크립트 태그)에서 코드를 동적으로 생성하는 방법

Question

내 코드는 다음과 같습니다

으아악

유추처럼 각 P의 값을 얻고 싶지 않습니다. func1()의 반환 값을 통해 <script> 내부의 코드를 동적으로 렌더링하는 방법을 알고 싶습니다. 또는 js 파일을 동적으로 렌더링하는 방법

현재 코드의 이 파일이 .name p를 기반으로 js 코드를 동적으로 생성하기를 원합니다. 예를 들어
두 개의 .name p가 있는 경우

으아악

그러면 <script>의 최종 코드는

으아악

.name p가 3명이면

으아악

그러면 <script>의 최종 코드는

으아악

이 효과를 어떻게 얻을 수 있나요?

Answer 1

fun1()의 반환 결과를 실행 js 문으로 사용하시겠습니까? ? eval()을 사용하여 실행할 수 있습니다

Answer 2

fun1을 직접 정의하여 지정된 className DOM의 텍스트를 반환한 다음 직접 실행할 수 있습니다. 어쨌든, 코드를 생성하면 즉시 실행하고 싶을 것입니다.

으아악

스크립트를 동적으로 생성할 필요가 없으며 스크립트 자체가 매우 유연합니다. 아래 코드는 생성하려는 코드와 동일합니다

으아악

각 .name p을 반복하고 싶다면 직접

할 수 있습니다. 으아악

지정된 이름을 처리하고 싶다면 다음을 수행하세요

으아악

그러면 당신이 하려는 일은 동적으로 생성된 스크립트에 의해 처리되어야 합니까? 실제로 필요한 경우 일반적으로 프런트 엔드가 아닌 서버에서 수행됩니다. 프런트엔드가 실행할 스크립트를 생성할 수 있다면 확실히 특정 코드 부분을 직접 실행할 수 있습니다...