首页 > 解决方案 > 为什么当我删除回车时我的 javascript 不起作用?

问题描述

工作的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>

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

标签: javascripthtml

解决方案


property.style.color="red" count=1;并且property.style.color="green" count=0;都是无效的 JavaScript。当您不使用回车时,您需要一个分号来在"red"and之后划定行尾"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>

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

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


推荐阅读