javascript - 语法缺失 ) 当所有 ) 似乎都在那里？

Question

好的，所以我一直在 build 这个网站。其中一个页面是新闻源 www.wenotelling.x10.mx/news/新闻页面中嵌入了新闻源页面，这是实际更新发生的地方。一切都很好，而且该网页似乎可以正常工作。我有两个问题。

1. 新闻源在页面加载时似乎没有更新，但在页面刷新时加载。
2. 我想添加笑脸。

所以我写了一些 JScript 来一次性解决这两个问题。由于新闻源是通过 HTML 页面更新的，而且我不想每次都寻找笑脸的 URL，所以我想出了以下代码: http://www.wenotelling.x10.mx/news/smilescript.js

$(document).ready(function() 
{
    alert("Called");
    document.getElementByClass('happy').innerHTML = '<img src="smileys/happy.gif"></img>';
    document.getElementByClass('star').innerHTML = '<img src="smileys/star.gif"></img>';
    document.getElementByClass('dead').innerHTML = '<img src="smileys/dead.gif"></img>';
    document.getElementByClass('yawn').innerHTML = '<img src="smileys/yawn.gif"></img>';
    document.getElementByClass('snub').innerHTML = '<img src="smileys/snub.gif"></img>';
    document.getElementByClass('relax').innerHTML = '<img src="smileys/relax.gif"></img>';
    document.getElementByClass('devil').innerHTML = '<img src="smileys/devil.gif"></img>';
    document.getElementByClass('cool').innerHTML = '<img src="smileys/cool.gif"></img>';
    document.getElementByClass('wink').innerHTML = '<img src="smileys/wink.gif"></img>';
    document.getElementByClass('shock').innerHTML = '<img src="smileys/shock.gif"></img>';
    document.getElementByClass('bigsmile').innerHTML = '<img src="smileys/bigsmile.gif"></img>';
    document.getElementByClass('confused').innerHTML = '<img src="smileys/confused.gif"></img>';
    document.getElementByClass('sad').innerHTML = '<img src="smileys/sad.gif"></img>';
    document.getElementByClass('angry').innerHTML = '<img src="smileys/angry.gif"></img>';
    document.getElementByClass('clown').innerHTML = '<img src="smileys/clown.gif"></img>';
    document.getElementByClass('blush').innerHTML = '<img src="smileys/blush.gif"></img>';
    if(location.hash !="#");
    {
        location = "#";
        location.reload(true);
    }
    alert("A-OK");
});

因此，在编辑时我们可以简单地输入 <smiley class="happy"></smiley> .我知道笑脸不是真正的标签，但我不认为它会有所作为，因为我以前见过“faketags”。我尝试将笑脸标签更改为 <div class="happy"></div>但这也没有用。在脚本的末尾，我放置了一个刷新函数。

不管怎么说，脚本是行不通的。它正在被调用，但没有工作。所以我完成了 Firebug 。 Firebug 给出了以下消息:

SyntaxError: missing ) after argument list
[Break On This Error]   
(22 out of range 21)

然后我查看了脚本，好吧，所有的 ) 似乎都在那里。不仅如此，第 22 行之前的笑脸符号也不起作用。

无论如何。任何想法为什么:1) 笑脸没有出现？2) 脚本没有完全执行？

Answer 1

在您链接到的脚本中，第 19 行:

if(location.hash !="#");{

那个分号不应该在那里。 (顺便说一下，if block 内的行应该缩进)

此外，没有document.getElementsByClass这样的东西, 只有 document.getElementsByClassName , 返回一个 NodeList 而不是一个元素(所以改变它的 innerHTML 不会做太多。)

其他说明:

• 在您的网站中，您包括 css/stylesheet.css两次(第 4 行和第 12 行)，如果算上 iframe 中的一次，实际上是 3 次。

• 您使用的 jquery 版本非常过时，在这种情况下包含 jquery 几乎没有道理 - 您只是用它来做 $(document).ready ，如果你坚持 a (半关闭)window.onload，这可以在没有 jquery 的情况下完成监听器，或者将脚本放在靠近 </body> 的位置

• 正如评论中所说，我完全同意，不要只在这些元素中粘贴图像。添加适当的 CSS 类，让 CSS 处理它。