代码之家 › 专栏 › 技术社区 › codeNinja

单击按钮时执行脚本标记

mailchimp php javascript

codeNinja · 技术社区 · 7 年前

我目前有两个脚本标记,在页面加载时运行。这些是身体里最后的东西。

我现在想让它们在我单击按钮时运行。这怎么可能呢?

<div class="col-md-12 signup-wrap">
            <a class="signup blue-grdt" href="#">Newsletter Signup</a>
        </div>

剧本

        <script type="text/javascript" src="//s3.amazonaws.com/downloads.mailchimp.com/js/signup-forms/popup/embed.js" data-dojo-config="usePlainJson: true, isDebug: false"></script>
    <script type="text/javascript">require(["mojo/signup-forms/Loader"], function(L) { L.start({"baseUrl":"mc.us12.list-manage.com","uuid":"xx","lid":"xx"}) })</script>

1 回复 | 直到 7 年前

James Garcia 7 年前

您可以尝试以下方法:

function getScript() {
  let script = document.createElement( 'script' );
  script.type = 'text/javascript';
  script.src = "//s3.amazonaws.com/downloads.mailchimp.com/js/signup-forms/popup/embed.js";
  script.setAttribute("data-dojo-config", "usePlainJson: true, isDebug: false")
  document.body.appendChild(script);

  setTimeout(function() {
    require(
      ["mojo/signup-forms/Loader"], function(L) {
        L.start({"baseUrl":"mc.us12.list-manage.com","uuid":"xx","lid":"xx"})
      }
    )  
  }, 2000);
  console.log('getScript executed');
}

let button = document.getElementById('newsletter-signup');
button.addEventListener('click', getScript);

<div class="col-md-12 signup-wrap">
  <a id="newsletter-signup" class="signup blue-grdt" href="#">Newsletter Signup</a>
</div>

但是,我不建议以这种方式注入脚本,因为这样会使代码暴露于安全问题。

更新:我将其更新为一个片段,所有内容都在运行。

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

1 年前

Alex · 在轻量级中同时解构和不解构变量

1 年前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

bairog · 从按属性筛选的对象数组字典中创建值数组

1 年前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

1 年前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

user3472810 · Angular@Output/EventEmitter返回undefined

1 年前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

1 年前