繪製後立即刷新頁面（x3Dom）

Question

我希望「添加錐體」按鈕繪製錐體，但下面的代碼似乎在繪製錐體後立即刷新瀏覽器。我希望頁面在每次點擊按鈕後保持在圓錐頁面上，而不必刷新。任何幫助將非常感激。

<script> 
     function addCone() { 
     var scene = document.getElementsByTagName("scene")[0]; 

     var cone = document.createElement("cone"); 
     var shape = document.createElement("shape"); 
     var appearance = document.createElement("appearance"); 
     var material = document.createElement("material"); 

     appearance.appendChild(material); 
     shape.appendChild(appearance); 
     shape.appendChild(cone); 
     scene.appendChild(shape); 
     return true; 
     } 
    </script> 


    <div id="content"> 
     <form> 
     <button onclick="addCone()">Add Cone</button> 
     </form> 
    </div> 

Answer 1

你可以試試這個

HTML

<button onclick="return addCone()">Add Cone</button> 

JS

function addCone() { 
    // ...  
    return false; 
}