Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/424.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 跟踪并显示用户在我的网站上单击按钮的次数_Javascript_Jquery_Html_Server - Fatal编程技术网

Javascript 跟踪并显示用户在我的网站上单击按钮的次数

Javascript 跟踪并显示用户在我的网站上单击按钮的次数,javascript,jquery,html,server,Javascript,Jquery,Html,Server,我试图找出一种方法来跟踪用户在我的网站上点击一个按钮的次数,所以每次点击一个按钮,只需在总数中加上1即可 我只是不知道如何存储和访问这个号码。 html和javascript的新手,请保持简单, 谢谢大家! <script type="text/javascript"> jQuery(document).ready(function($){ $(this).click(function(){ /** Perform Operatio

我试图找出一种方法来跟踪用户在我的网站上点击一个按钮的次数,所以每次点击一个按钮,只需在总数中加上1即可

我只是不知道如何存储和访问这个号码。 html和javascript的新手,请保持简单, 谢谢大家!


<script type="text/javascript">
    jQuery(document).ready(function($){
        $(this).click(function(){
             /** Perform Operations Here To Save Click Count **/             
        });
    });
</script>
jQuery(文档).ready(函数($){ $(此)。单击(函数(){ /**在此处执行操作以保存单击计数**/ }); });

jQuery(文档).ready(函数($){
$(此)。单击(函数(){
/**在此处执行操作以保存单击计数**/
});
});
如果您的HTML是:

<div id="showCount"></div>
<input type="button" id="btnClick" value="Click me" onclick="CountFun();/>
如果您的HTML是:

<div id="showCount"></div>
<input type="button" id="btnClick" value="Click me" onclick="CountFun();/>

您可以听到相应按钮的点击并将其存储

<button name="button" >Click Me</button>

var ele = document.getElementsByTagName('button');
     var numOfClick = 0;
     ele[0].addEventListener('click', function() {
      numOfClick = numOfClick + 1;
    });
点击我
var ele=document.getElementsByTagName('button');
var numOfClick=0;
ele[0]。addEventListener('click',函数(){
numOfClick=numOfClick+1;
});

您可以听到相应按钮的点击并将其存储

<button name="button" >Click Me</button>

var ele = document.getElementsByTagName('button');
     var numOfClick = 0;
     ele[0].addEventListener('click', function() {
      numOfClick = numOfClick + 1;
    });
点击我
var ele=document.getElementsByTagName('button');
var numOfClick=0;
ele[0]。addEventListener('click',函数(){
numOfClick=numOfClick+1;
});

使用HTML5数据属性将计数存储为按钮的属性,而不仅仅是全局变量,并在每次单击时递增计数/更新数据计数

另一个客户端解决方案是使用本地/会话存储来存储计数

请注意,如果您想要一个服务器端解决方案并有权访问它,则需要使用php或类似工具,并将数据保存到数据库中

$(文档).ready(函数(){
$('#clicker')。单击(函数(){
var count=parseInt($(this).attr('data-count'))+1;
$('#clickedNum').text('按钮被点击'+count+'次');
$('clicker').attr('data-count',count);
});
})

点击我

使用HTML5数据属性将计数存储为按钮的属性,而不仅仅是全局变量,并在每次单击时递增计数/更新数据计数

另一个客户端解决方案是使用本地/会话存储来存储计数

请注意,如果您想要一个服务器端解决方案并有权访问它,则需要使用php或类似工具,并将数据保存到数据库中

$(文档).ready(函数(){
$('#clicker')。单击(函数(){
var count=parseInt($(this).attr('data-count'))+1;
$('#clickedNum').text('按钮被点击'+count+'次');
$('clicker').attr('data-count',count);
});
})

点击我

您做了什么,一个html标记吗?支持页面的脚本?有什么吗?你做了什么吗,一个html标签?支持页面的脚本?有什么事吗?这不会把它存储在服务器端,对吗?我希望能够统计每个点击按钮的用户,并显示合计总数。这不会存储在服务器端。点击次数将显示按钮被点击的次数。但这不会将其存储在服务器端,对吗?我希望能够统计每个点击按钮的用户,并显示合计总数。这不会存储在服务器端。点击次数将显示按钮被点击的次数。