为什么删除回车后我的 javascript 不起作用？

Question

工作 javascript 示例如下...

<script>var count=1; function setColor(button) { var property = document.getElementById(button); if (count == 0) {property.style.color="red"
 count=1;}else{property.style.color="green"
 count=0;}}</script>

破碎的javascript示例如下...

<script>var count=1; function setColor(button) { var property = document.getElementById(button); if (count == 0) {property.style.color="red" count=1;}else{property.style.color="green" count=0;}}</script>

html...

<a href="#" id="button" style= "color:red" onclick="setColor('button'); playlist.toggleShuffle();">SHUFFLE</a>

任何帮助理解这一点都会很棒。

Answer 1

property.style.color="red" count=1; 和property.style.color="green" count=0; 均无效 JavaScript。 当您不使用回车时，您需要一个分号来在"red"和"green"之后划定行尾。

您正在寻找的更像是：

<script>var count=1; function setColor(button) { var property = document.getElementById(button); if (count == 0) {property.style.color="red"; count=1;}else{property.style.color="green"; count=0;}}</script>

此功能称为分号插入； 您可以在此链接上阅读更多相关信息。

...但是我真的不确定您为什么要这样做，因为这可能会在这里和那里节省一两个字节并且不会提供任何性能优势，同时会破坏代码的大部分可读性。