0

在我的网站上，我在链接上使用 onclick 事件来调用 javascript 函数（链接位于来自外部 php 文件的 WHILE 循环内）。php WHILE 循环中的 onclick 将用户图片和用户名传递给名为 ShowUser() 的 javascript 函数。该事件正确生成用户名和照片并将其放置在 div 的 innerHTML 中，如下所示：

<script language="javascript" type="text/javascript">
function ShowUser(userpic,username) {
var TitleDesc1 = 'Click this photo to learn more about '+username+'';
document.getElementById('UserPicHolder').innerHTML = '<img class="TipTip"    
title="'+TitleDesc1+'" src="'+userpic+'" style="width:60px; height:66px" alt="user  
picture">';
}
</script>

这可以正常工作。但是，当我尝试使用户图片可点击（onclick #2）（通过添加href）以显示用户的站点统计信息时，该功能不会打开统计框（一个应该隐藏的div，直到onclick＃2（DisplayUserStats ) 在 javascript 函数中):

<script language="javascript" type="text/javascript">
function ShowUser(userpic,username) {
var TitleDesc1 = 'Click this photo to learn more about '+username+ '';
document.getElementById('UserPicHolder').innerHTML = '<a href="#null"    
onclick="DisplayUserStats("'+username+'")"><img class="TipTip" title="'+TitleDesc1+'"    
src="'+userpic+'" style="width:60px; height:66px" alt="user picture"></a>';
}
</script>

正如预期的那样，当函数 DisplayUserStats() 为空（如 DisplayUserStats() ）时，用户的 Stats Box div 变为可见，但当然，由于未定义用户名，因此未定义统计信息。只有当看似任何内容被放置在 DisplayUserStats() 中时，Stats Box div 才不会打开（例如 DisplayUserStats(dummystring) 不会打开 Stats Box div。请注意，我尝试了其他几个串联（认为我做错了），例如，+username+ '+username+' username 等。有人可以解释一下如何将变量username传递给函数 DisplayUserStats() 吗？

4

1 回答 1

2

如果不使用内联事件处理程序，它看起来真的会更干净。但问题是双引号内有双引号（因此破坏了 HTML）：

<a href="#null" onclick="DisplayUserStats("SomeUsername")">...

你可以用这个丑陋的东西来解决这个问题：

onclick="DisplayUserStats(\''+username+'\')">

另外，在定义 JavaScript 字符串时不要换行，否则代码会失败。

于 2013-11-13T21:06:13.087 回答