為什么刪除回車后我的 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>

此功能稱為分號插入； 您可以在此鏈接上閱讀更多相關信息。

...但是我真的不確定您為什么要這樣做，因為這可能會在這里和那里節省一兩個字節並且不會提供任何性能優勢，同時會破壞代碼的大部分可讀性。