javascript - 绘制后立即刷新页面（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;
}