如何阻止不可见的javascript占用空间？

我不太擅长编程，但我做了一些研究，发现了一个小小的javascript字符串，它可以让met在点击每个javascript链接按钮时立即在页面上播放声音：

<embed src=reset.wav autostart=false width=0 height=0 id=sound7 enablejavascript=true>

问题是，当我放入其中几行来定义不同的声音时，它们开始占用页面空间。我已经把它们移到了代码的最底层，就在div结束之后，结束了所有主要内容，就在body结束之前，见下文。通过这种方式，它们不会弄乱元素的位置，但仍然会在其他所有元素下方留下空白，这是令人沮丧的，因为这会使滚动条不必要地出现

</div>
<embed src=reset.wav autostart=false width=0 height=0 id=sound7 enablejavascript=true>
<embed src=reset2.wav autostart=false width=0 height=0 id=sound8 enablejavascript=true>
</body>
</html>

我已经看到了一些关于如何不使用visibility=hidden和使用display=none的答案，但我不确定如何将这些应用到这一串代码中，因为我是新手。如能举例说明我需要更改此字符串的哪些部分或在何处添加代码的其他部分，将不胜感激

---------更新------------------

出于某种原因，Microsoft Word是的，我承认这就是我正在使用的，我不允许在这些嵌入件周围插入任何样式或div来应用“显示：无”。可能我对我正在做的事情了解不够，但即使我使用以下代码成功地将“display:none”应用于每个嵌入，声音也停止播放，即使有效地删除了空白：

<embed style='display:none' src=reset.wav ....>

然后我想到了另一个解决办法。我在这个页面上有很多元素，我认为如果看不见的声音代码条目占用空间，它们可以重叠元素，这样就不会移动或添加任何内容，因为它们没有视觉效果，所以不会覆盖任何内容。我研究了重叠是如何工作的，并应用了它，它正在工作

<embed style='position:absolute;z-index:1' src=reset.wav autostart=true
width=0 height=0 id=sound1 enablejavascript=true>

---

要明确的是，您发布的是HTML，而不是JavaScript。这不是管理页面中声音的最佳方法，但是，假设您希望保留此方法：

如果它们正在显示或导致布局问题，最简单的方法是将它们包装在一个div中，即display:none

“更干净”的方法是向所有这些嵌入添加一个公共类，然后为它们设置一个公共CSS规则：

<embed class="mysounds" ... >

<style>
     embed.mysounds { display:none; }
</style>

---

如果您正在讨论页面上的物理屏幕空间，那么您可以将它们放入一个div中，并强制使其非常小：

<div id="sounds" style="display: none;">
<embed src=reset.wav autostart=false width=0 height=0 id=sound7 enablejavascript=true>
<embed src=reset2.wav autostart=false width=0 height=0 id=sound8 enablejavascript=true>
</div>

如果，由于某种原因，Adobe flash之类的东西在隐藏时无法加载，那么您可以尝试将每个东西缩小如下：

<div id="sounds">
<embed style="height: 1px" src=reset.wav autostart=false width=0 height=0 id=sound7 enablejavascript=true>
<embed style="height: 1px" src=reset2.wav autostart=false width=0 height=0 id=sound8 enablejavascript=true>
</div>

---

您所讨论的代码不是JavaScript，而是HTML。谢谢，这可能正是我所需要的，但我不愿意承认我使用的是microsoft word，当我点击save时，这两种方法都会删除div或样式的代码：也许我必须看看我是否可以关闭任何正在“修复”我的代码，这样它就可以保持不变。或者，是否有一种方法可以将display:none属性附加到每个嵌入行？有消息说要把这些都抛在脑后。哦，我想我明白了。非常感谢你！到目前为止，这一切进展顺利！伙计，我太激动了，代码被修改了，格式也被修改了。但这样声音就不会播放了这就是我使用的，它对格式化有效，但在编辑代码时停止了声音的工作，从来没有，从来没有，从来没有使用过任何文字处理器。他们试图修复引号之类的东西，并将它们转换成代码中不起作用的东西。给自己找一个像记事本++这样的免费文本编辑器，并用它来编辑代码。谢谢你们所有人的帮助、教导和让我思考

<div id="sounds">
<embed style="height: 1px" src=reset.wav autostart=false width=0 height=0 id=sound7 enablejavascript=true>
<embed style="height: 1px" src=reset2.wav autostart=false width=0 height=0 id=sound8 enablejavascript=true>
</div>