触发脚本

Trigger a script

我有一个脚本(一个广告脚本),我想仅当我网站上的某个按钮被点击 X 次时才触发他。

<script type="text/javascript" src="ADS_URL"></script>

假设这是我的脚本。当按钮被点击 5 次时,我就是这样做的,但之后我被阻止了。我不知道如何触发脚本。

我应该把脚本粘贴到哪里?感谢您的帮助!

$("#button").click(function() {
    nclick++;
    if (nclick == 7) {
        nclick = 0;
        // Make something
    };
});

如果我理解正确的话,你的 JQuery 事件没有执行?

您需要先添加JQuery的来源:

  <head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js? ver=1.4.2"></script>

    <script type="text/javascript" src="ADS_URL"></script>
 </head>

如果您没有包含 JQuery 的来源,它就不会知道您的意思。用 $("#button").click

以下代码对我来说工作正常:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Example</title>
    <script src="http://code.jquery.com/jquery-2.1.3.min.js"></script>
    <script>
"use strict";
var nclick = 0;
$(document).ready(function() {
// ===== START OF QUESTION CODE =====
  $("#button").click(function() {
    nclick++;
    if (nclick == 7) {
      nclick = 0;
      alert("Pretend that this is an ad.");
    }
  });
// ===== END OF QUESTION CODE =====
});
    </script>
  </head>
  <body>
    <a id="button" href="#">Click me!</a>
  </body>
</html>

如果你的代码不是运行:

  • 检查浏览器控制台。有没有错误?
  • jQuery 是否包含在您的页面中?
  • 您是否在页面准备好时附加#button函数?您可能试图在创建按钮之前添加事件。
  • 您是否声明了一个 nclick 变量并将其初始化为零?

编辑

好的,问题现在已经澄清了 - 广告脚本出现 页面一加载,但您想延迟它直到某个按钮被点击 7 次.解决方法和上面基本一样,不过:

ads.js

alert("hello, world!");

example.htm

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Example</title>
    <script src="http://code.jquery.com/jquery-2.1.3.min.js"></script>
    <script>
"use strict";
var nclick = 0;
var ad_script = null;
$(document).ready(function() {
// ===== START OF QUESTION CODE =====
  $("#button").click(function() {
    nclick++;
    if (nclick == 7) {
      nclick = 0;
      ad_script = document.body.appendChild(document.createElement("script"));
      ad_script.src = "ads.js"
    }
    else if (ad_script)
    {
      document.body.removeChild(ad_script);    
      ad_script = null;
    }
  });
// ===== END OF QUESTION CODE =====
});
    </script>
  </head>
  <body>
    <a id="button" href="#">Click me!</a>
  </body>
</html>

一旦计数器达到 7,只需将脚本添加到页面中。

create script tag & remove script tag

cScript();
var nclick=0;
$("#button").click(function() {
nclick++;

if (nclick == 7) {
    rScript();
    nclick = 0;
    // Make something
};
});

function cScript(){
var script = document.createElement( 'script' );
script.type = 'text/javascript';
script.src = 'ADS_URL';
$("#someElement").append( script );
}

function rScript(){
var html = $("#someElement");
html.find('script').remove();
}