javascript 意外令牌 }

Question

我有这段代码，我在网页上创建两个链接元素并向它们添加点击事件：

function createNewChat(){
     //alert("new chat fired");
     var roomName = document.getElementById("roomName").value
     if (roomName){
        resetErrorLog();           
        $('#createRoom').append('<p>would you like to password protect this room?</p>');
        $('#createRoom').append('<div><a href="#" onclick="newChatHelper("yes")"> yes </a></div>');
        $('#createRoom').append('<div><a href="#" onclick="newChatHelper("no")"> no </a></div>');
     }
     else {
     document.getElementById("errorlog").innerHTML = "<p>The room name input box seems to be empty</p>";
     }
  }

DOM 正确更新，但是当我单击链接时，我在第 2 行得到了一个意外的标记 }，这是一个标记。此代码块在文件中的位置要晚得多。辅助方法根本没有被触发，所以我很确定问题出在这段代码上。非常感谢您的帮助。

Answer 1

onclick="newChatHelper("yes")" 是 HTML 中的引用问题

你需要使用onclick="newChatHelper('yes')"——注意函数调用中的单引号

但是因为你已经在单引号中有这个，你需要转义内部的单引号，像这样：

'<div><a href="#" onclick="newChatHelper(\'yes\')"> no </a></div>'

---

您也可以考虑完全不使用onclick 属性

$('#createRoom').append(
  $('<a href="#">yes</a>').click(function(event) {
    newChatHelper("yes");
    event.preventDefault();
  }).wrap('<div/>').parent()
);

或

$('#createRoom').append(
  $('<div></div>').append(
    $('<a href="#">yes</a>').click(function(event) {
      newChatHelper("yes");
      event.preventDefault();
    })
  )
);

Answer 2

var roomName = document.getElementById("roomName").value

你可能想用 ; 来结束它

var roomName = document.getElementById("roomName").value;

Answer 3

 var roomName = document.getElementById("roomName").value

通过 var roomName = document.getElementById("roomName").value;