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>