【问题标题】:"Unexpected token ILLEGAL" error when trying to replace src of an iframe尝试替换 iframe 的 src 时出现“意外令牌非法”错误
【发布时间】:2015-10-01 17:05:38
【问题描述】:

我有一个 iframe,其中包含 user1 的聊天和一个 A 元素,该元素旨在将 iframe 的 src 更改为 user2 在点击时的聊天。问题是我每次运行 Replace(user) 时都会收到“Unexpected token ILLEGAL”错误。顺便说一句,我在本地服务器上使用 Chrome。

这是 HTML 文档。我一直在尝试各种不同的方法来更改 src(JS' 本机 .setAttribute('src', url),使用 jQuery 的 .remove() 等等),但它一直告诉我“意外令牌非法” .

<!DOCTYPE HTML>
<html>
  <head>
    <script src="jquery-1.11.3.min.js" type="text/javascript"></script>
    <script>
      function Replace(user){
        $("#chatframe").attr('src', "https://mystreamingwebsite.tv/chat/" + user);
      };
    </script>
  </head>
  <body>
    <a onclick="Replace('user2');">Join RandomUsername's chat</a>
    <iframe id="chatframe" src="https://mystreamingwebsite.tv/chat/user1" border="none"></iframe>
  </body>
</html>

谁能帮帮我???谢谢

【问题讨论】:

  • 在iframe 上看不到 id 将chatframe 添加为 id

标签: javascript jquery iframe


【解决方案1】:

您给定的代码有两个问题。首先,您的 iframe 没有将 id 属性设置为“chatframe”。

我假设你的代码是

<!DOCTYPE HTML>
<html>
  <head>
    <script src="jquery-1.11.3.min.js" type="text/javascript"></script>
    <script>
      function Replace(user){
        $("#chatframe").attr('src', "https://mystreamingwebsite.tv/chat/" + user);
      };
    </script>
  </head>
  <body>
    <a onclick="Replace("user2");">Join RandomUsername's chat</a>
    <iframe id="chatframe" src="https://mystreamingwebsite.tv/chat/user1" border="none"></iframe>
  </body>
</html>

所以这里的问题是行,

&lt;a onclick="Replace("user2");"&gt;Join RandomUsername's chat&lt;/a&gt;

这里你必须使用单引号将 user2 值括起来。

答案是:

&lt;a onclick="Replace('user2');"&gt;Join RandomUsername's chat&lt;/a&gt;

【讨论】:

  • 哦,是的,我忘了在示例中添加 id,而 a.onclick 实际上在我的版本中有 Replace('user2') 。谢谢你的温柔提醒,但我仍然得到同样的错误。我只是不明白为什么。
【解决方案2】:

转义双引号:

<a onclick="javascript:Replace(\"user2\");">

【讨论】:

  • 哇,非常感谢!真的行。我不知道这是如何获得-1票的。我只是 jQuery 的初学者,这里的示例代码实际上只是一个示例。真正的代码确实在 iframe 上有聊天框 id。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2017-10-20
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-04-13
  • 2018-10-07
  • 1970-01-01
相关资源
最近更新 更多