如何在动态添加的广告代码中使用脚本标签

Question

我有这张卡片，其中包含广告。我想每次调用我的 ajax 时都添加这个。

我尝试过的只是将整张卡片放入

document.getElementById("feed_container).insertAdjacentHTML('beforeend', ' <div class="card mt-3 mb-3 bg-dark text-white">
                        <div class="card-body" >
                          <h6 class="card-subtitle mb-2 text-muted">Sponsored Content, sorry :(</h6>
                          <div id="ad-body" class="card-content col d-flex justify-content-center">
                            <script async="async" data-cfasync="false" src="//pl22464107.profitablegatecpm.com/70dc149ec489e883ffe0c36bd73d05d0/invoke.js"></script>
                                <div id="container-70dc149ec489e883ffe0c36bd73d05d0"></div>
                          </div>
                        </div>
                    </div>
                </div>')

<div class="card mt-3 mb-3 bg-dark text-white">
                        <div class="card-body" >
                          <h6 class="card-subtitle mb-2 text-muted">Sponsored Content, sorry :(</h6>
                          <div id="ad-body" class="card-content col d-flex justify-content-center">
                            <script async="async" data-cfasync="false" src="//pl22464107.profitablegatecpm.com/70dc149ec489e883ffe0c36bd73d05d0/invoke.js"></script>
                                <div id="container-70dc149ec489e883ffe0c36bd73d05d0"></div>
                          </div>
                        </div>
                    </div>
                </div>

Answer 1

您可以创建一个函数来添加脚本并设置其

src

或

innerHTML

:

function addScript( params, context = document.body ) {
  var s = document.createElement( 'script' );
  if (params.src) s.setAttribute( 'src', src );
  if (params.innerHTML) s.innerHTML = params.innerHTML;
  context.appendChild( s );
}

<textarea id="myscript">alert('your script here')</textarea>
<input type="button" value="add" onclick="addScript({innerHTML: document.getElementById('myscript').value})">