Question

现在我有了这段代码，我想在屏幕上打印（不是弹出窗口）按钮被点击多少次的值。我想我会设置一个var index = 0并在每次点击时递增它...但我不知道如何更改屏幕上的变量值。例如，现在它被点击了0次。当我点击按钮时，我希望那边的值＆lt; - （0）变为1.我可能需要在其上面放一张白色的空白图片，然后重新打印索引的值......

另外..我希望这是全部HTML ...如果可能的话，请不要使用php或javascript。

<html>
<head>
<script type="text/javascript">
function getVote(int)
{
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("poll").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","poll_vote.php?vote="+int,true);
xmlhttp.send();


if(typeof(Storage)!=="undefined")
  {
  if (localStorage.clickcount)
    {
    localStorage.clickcount=Number(localStorage.clickcount)+1;
    }
  else
    {
    localStorage.clickcount=1;
    }
  document.getElementById("result").innerHTML="You have voted " + localStorage.clickcount + " times before this session";
  }
else
  {
  document.getElementById("result").innerHTML="Sorry, your browser does not support web storage...";
  }
}

</script>

</head>
<body bgcolor=#5D003D>
<div id="poll">

<p>Click the button to see the counter increase.</p>
<p>Close the browser tab (or window), and try again, and the counter will continue to count (is not reset).</p><form>
<input type="Button" class="voteButton" name="vote" value="Vote" onclick="getVote(this.value)" />
</form>
</div>
</body>
</html>

Answer 1

不，至少在没有JavaScript的情况下你无法做到这一点。这是一个微不足道的例子。首先，当页面上的所有图像/脚本/内容都已加载时，我告诉窗口对象给我一个叫喊声。这意味着在我尝试将事件监听器附加到它包含的任何元素之前，我可以确定正文中包含的HTML将存在。

接下来，当我知道内容已加载时，我会告诉按钮让我知道它何时被点击。

最后，当单击按钮时，我增加全局变量pressCount，然后将其值设置为span元素的内容。

<!doctype html>
<html>
<head>
<script>
"use strict";
window.addEventListener('load', onDocLoaded, false);

function onDocLoaded(evt)
{
    document.getElementById('myButton').addEventListener('click', onButtonPressed, false);
}

var pressCount = 0;
function onButtonPressed(evt)
{
    ++pressCount;
    document.getElementById('countOutput').innerText = pressCount;
}
</script>
</head>
<body>
    <button id='myButton'>PressMe</button> has been pressed <span id='countOutput'>0</span> times.
</body>
</html>

html打印变量值

1 个答案: