单击按钮后如何插入脚本？答案

【问题标题】：How to insert a script after a button click?单击按钮后如何插入脚本？
【发布时间】：2015-10-21 16:41:20
【问题描述】：

我有一个Buy Now 按钮，我想在有人单击该按钮后执行一个脚本（包括一个弹出窗口）。我该怎么做？

这是我的按钮 html：

a class="btn-new page-scroll" href="#download" Buy Now

这是我想要包含在 html 中的脚本：

<script src="//load.sumome.com/" data-sumo-site-id="52c766d9109394d067f043544daf316657cac8d10a2b099638a1bfce5dfa90e6" async="async"></script>

【问题讨论】：

希望对您有所帮助Link external script file onclick button

标签： html buttonclick

【解决方案1】：

对我来说，这个脚本没有显示任何弹出窗口，但在我单击“立即购买”后，该脚本就可以工作了。代码如下：

<!DOCTYPE html>
<html>
<head>
    <!--Handling the click event I used the jquery library-->
    <script data-require="jquery@*" data-semver="2.1.4" src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
</head>
<body>
    <!-- Buy Now -->
    <button class="btn-new page-scroll" href="#download" onclick="loadscript()">Buy Now</button>
    <!-- The click event will add the script into the head html tag.
    If you want to change the location look after other jquery selector. -->
    <script>
      function loadscript(){
        $('head')
            .append("<script src=\"//load.sumome.com/\" data-sumo-site-id=\"52c766d9109394d067f043544daf316657cac8d10a2b099638a1bfce5dfa90e6\" async=\"async\"><\/script>");
      }
    </script>

</body>
</html>

如果您想将脚本添加到另一个具有唯一 id 或类的 html 标记中，请使用另一个 jQuery selector。

【讨论】：

谢谢 Dani，但是当我点击“立即购买”按钮时没有任何反应，很可能我错过了什么，请你看一下：aerobabe.com 这是第一个“立即购买”按钮，我把你的代码.谢谢！
另外，如果你有兴趣给我这样的私人提示来帮助我完成网站，我会按小时支付给你，那太棒了！只需给我您的电子邮件地址，我就会给您发邮件。
代码有效的证据是，当您单击按钮时，SumoMe“标签”出现在页面的右上角。我已经用 Inspect Element 进行了检查，确切地说，单击事件会在标记的末尾添加两个 sumo me 脚本和一个链接：编辑：它只在我第一次加载页面时向我显示弹出窗口。我不知道这应该如何工作。
哇太棒了，是的！我已经在某些地方设置了在 0 秒后出现的弹出窗口，每次有人点击按钮时，太棒了！你对这样的任务感兴趣吗？如果是，请给我发电子邮件至 andris.nemes@gmail.com
我很高兴听到（阅读）这个消息，但请注意，我只是一名 IT 学生。给我一个尝试的机会，我们会看看我是否足够好。我回家后 4-5 小时后给你写信可以吗？此刻我正在工作。