以下实例演示了如何设置不同属性 - 在线编辑器

          <p>点击按钮创建 AUDIO 元素, 一个将 preload 属性设置为 "none", 另外一个设置为 "auto"。</p>
<button onclick="myFunction('none')">Audio 不使用 preload</button>
<button onclick="myFunction('auto')">Audio 使用 preload</button>
<br>
<script>
  function myFunction(p) {
    var x = document.createElement("AUDIO");
    x.setAttribute("controls", "controls");
    var y = document.createElement("SOURCE");
    y.setAttribute("src", "/examples/horse.ogg");
    y.setAttribute("type", "audio/ogg");
    x.appendChild(y);
    var z = document.createElement("SOURCE");
    z.setAttribute("src", "/examples/horse.mp3");
    z.setAttribute("type", "audio/mpeg");
    x.appendChild(z);
    // 设置 preload 属性:
    x.preload = p;
    document.body.appendChild(x);
  }
</script>
        