Javascript 在另一个函数之后使用js函数

我有一个js函数，它在“video1”的和处刷新div home的3个按钮

<div class="panel" id="home">
  <video id='video1' width='630' autoplay controls>
    <source id="source1" src="1_uno.mp4" type="video/mp4">
  </video>
</div> 

var myVideo=document.getElementById（“video1”）；
myVideo.addEventListener（'end'，myHandler，false）；
函数myHandler（e）{
document.getElementById（'home'）.innerHTML='abc'；
}

在这一部分之前，一切都很好，现在您可以看到onclick event i do refreshdiv函数：

var myVideo = document.getElementById("video1");
myVideo.addEventListener('ended',myHandler,false);
function myHandler(e) {
  document.getElementById('home').innerHTML = '<button type="button" style="height: 180px; width: 200px"  onclick="refreshdiv("a")"> a </button><button type="button" style="height: 180px; width: 200px" onclick="refreshdiv("b")"> b </button><button type="button" style="height: 170px; width: 200px" onclick="refreshdiv("c")"> c </button>';
}

函数刷新div（str）{
如果（str=='a'）{
src='1_uno.mp4'；
}
如果（str=='b'）{
src='2_due.mp4'；
}
如果（str=='c'）{
src='3_tre.mp4'；
}
document.getElementById（'home'）。innerHTML=''；
}

问题是当我点击按钮时，任何事情都会发生，而在Chrome中，我得到了这个错误：

Unexpected token}

所有函数都在里面：

您应该更改

onclick=“refreshdiv（“a”）”>

到

onclick=“refreshdiv（\'a\）”>

等

function refreshdiv(str) {
  if(str=='a'){
    src='1_uno.mp4';
  }
  if(str=='b'){
    src='2_due.mp4';
  }
  if(str=='c'){
    src='3_tre.mp4';
  }
  document.getElementById('home').innerHTML = '<video id="video1" width="630" autoplay controls><source id="source1" src="'+ src +'" type="video/mp4"></video>';
}

“abc”；

下面是一个有趣的例子 你应该改变

onclick=“refreshdiv（“a”）”>

到

onclick=“refreshdiv（\'a\）”>

等

function refreshdiv(str) {
  if(str=='a'){
    src='1_uno.mp4';
  }
  if(str=='b'){
    src='2_due.mp4';
  }
  if(str=='c'){
    src='3_tre.mp4';
  }
  document.getElementById('home').innerHTML = '<video id="video1" width="630" autoplay controls><source id="source1" src="'+ src +'" type="video/mp4"></video>';
}

“abc”；

下面是一个有趣的例子 你应该改变

onclick=“refreshdiv（“a”）”>

到

onclick=“refreshdiv（\'a\）”>

等

function refreshdiv(str) {
  if(str=='a'){
    src='1_uno.mp4';
  }
  if(str=='b'){
    src='2_due.mp4';
  }
  if(str=='c'){
    src='3_tre.mp4';
  }
  document.getElementById('home').innerHTML = '<video id="video1" width="630" autoplay controls><source id="source1" src="'+ src +'" type="video/mp4"></video>';
}

“abc”；

下面是一个有趣的例子 你应该改变

onclick=“refreshdiv（“a”）”>

到

onclick=“refreshdiv（\'a\）”>

等

function refreshdiv(str) {
  if(str=='a'){
    src='1_uno.mp4';
  }
  if(str=='b'){
    src='2_due.mp4';
  }
  if(str=='c'){
    src='3_tre.mp4';
  }
  document.getElementById('home').innerHTML = '<video id="video1" width="630" autoplay controls><source id="source1" src="'+ src +'" type="video/mp4"></video>';
}

“abc”；

下面是一个有趣的例子

---

---

您应该将

标记中的
onclick=“refreshdiv（“a”）更改为
onclick=“refreshdiv（\'a\）”
。“内部”双引号实际上是结束“外部”的，另一种方法是在
标记中将
onclick=“refreshdiv（“a”）”
更改为
onclick=“refreshdiv（\'a\'）”
中的内部引号是结束“外部”的“，另一种方法是转义内部引号，如：
\”
您应该将
onclick=“refreshdiv（“a”）”
更改为
onclick=“refreshdiv（\'a\”）”
标记中的
。“内部”双引号实际上是“外部”的结尾，另一种方法是转义内部引号，如：
\”
您应该在
标记中将
onclick=“refreshdiv（“a”）”
更改为
onclick=“refreshdiv（\'a\）”
。“内部”双引号实际上是“外部”的结尾，另一种方法是像这样转义内部引号：
\"
至少你的onclick属性中的引号有问题…至少你的onclick属性中的引号有问题…至少你的onclick属性中的引号有问题…至少你的onclick属性中的引号有问题…但所有这些都是在一个复杂的环境中包含在
'
中的字符串，因此您也不能使用
'
并需要转义。您当然是正确的@jcaron，我已相应地更新了我的答案。但所有这些都包含在
'
中的字符串中，因此您也不能使用
'
并需要转义。您当然是正确的@jcaron，我已经相应地更新了我的答案。但所有这些都是在一个字符串中，该字符串包含在
'
中，因此您也不能使用
'
，需要转义。您当然是正确的@jcaron，我已经相应地更新了我的答案。但所有这些都是在一个字符串中，该字符串包含在
'
中，因此您也不能使用
'
，你当然是对的@jcaron，我已经相应地更新了我的答案。@user3658308如果你问的是关于“转义”字符串的问题，那么网上有关于它的教程。如果你问为什么是单引号而不是双引号，我现在就想弄清楚。我在这里问了一个问题@user3658308如果你问的是“转义”字符串，那么网上有关于它的教程。如果你问为什么是单引号而不是双引号，我现在就想弄清楚。我在这里问了一个问题@user3658308如果你问的是“转义”字符串，那么网上有关于它的教程。如果你问为什么是单引号而不是双引号，我现在就想弄清楚。我在这里问了一个问题@user3658308如果你问的是“转义”字符串，那么网上有关于它的教程。如果你问为什么是单引号而不是双引号，我现在想弄清楚。我在这里问了一个问题