触发脚本
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();
}
我有一个脚本(一个广告脚本),我想仅当我网站上的某个按钮被点击 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();
}