Javascript variable not acting global

Question

我刚刚在PHP中开始学习Javascript。

我正在尝试一些基本的东西，但由于某种原因，下面的代码并没有按照我的预期行事。我研究过它，从我能告诉它应该工作。

<script type="text/javascript"> 
showIndex=4; 

function test(){ 
showIndex++; 
alert(showIndex); 
} 
</script> 

我打电话用图像的脚本：

<div style="display:inline-block;margin-left:25px;">'; 
<a href="" onclick="test()" ><img src="_images/next.png" width="100" /> </a> 
</div> 

运行良好的第一次，但是当我再次按下按钮，它仍然有初始变量加一。 （这让我觉得它是一个局部变量...） 这似乎很直截了当......我做错了什么？

Answer 1

删除<a>并在图像上有事件，它刷新页面。你并不需要把它包裹在一个<a>标签为onclick事件：

<img src="_images/next.png" onclick="test()" width="100" /> 

Answer 2

空链接just reloads the page。您可以在其中插入#：

然后一切按预期工作。

Answer 3

<a>标记上的空href属性让你感到困惑。要么删除href属性，或将其更改为#或javascript:void(0)

或者，您可以从href属性调用你的方法是这样

<div style="display:inline-block;margin-left:25px;">'; 
    <a href="javascript:test()" ><img src="_images/next.png" width="100" /> </a> 
</div>