错误。。。未捕获的语法错误：无效或意外的标记。。。。使用JavaScript_Javascript_Jquery_Html

错误。。。未捕获的语法错误：无效或意外的标记。。。。使用JavaScript

javascript jquery html

错误。。。未捕获的语法错误：无效或意外的标记。。。。使用JavaScript,javascript,jquery,html,Javascript,Jquery,Html,我有这个密码。Chrome中的错误为“未捕获SyntaxError:无效或意外令牌”。我正在构建一个类似于codepen的在线“代码检查器/设计师”，只是为了好玩（练习）我试图从文本区域（html、css和js）获取用户数据，并将其显示在同一页面的iframe中。任何帮助都将不胜感激 $("textarea").on("change keyup paste", function() { $("iframe").contents().find("html").html("<html

我有这个密码。Chrome中的错误为“未捕获SyntaxError:无效或意外令牌”。我正在构建一个类似于codepen的在线“代码检查器/设计师”，只是为了好玩（练习）

我试图从文本区域（html、css和js）获取用户数据，并将其显示在同一页面的iframe中。任何帮助都将不胜感激

$("textarea").on("change keyup paste", function() {
    $("iframe").contents().find("html").html("<html><head><style type='text/css'>" +
        $("#cssPanel").val() +
        "</style></head><body>" +
        $("#htmlPanel").val() +
        "</body></html>");
});

$（“#htmlPanel”）.val（）

代替此尝试

$（“#htmlPanel”）.innerHTML

对我来说很好：请检查：

CSS代码：p{边框样式：虚线-虚线-实线双精度；}
HTML代码：测试HTML
$（“textarea”）。打开（“更改键控粘贴”，函数（）{
$（“iframe”）.contents（）.find（“html”）.html（“+$（“#cssPanel”）.val（）+”“+$（“#htmlPanel”）.val（）+”；}）；

我相信您正在使用visual studio代码运行Live Server。不知怎的，它只是因为某种原因无法翻译代码（只是不起作用）。请尝试直接从资源管理器运行该文件。(file:///testcode/index.html)

谢谢你给我看。我想我的错误可能在别的地方。我会在找到后更新这篇文章。我每样东西都检查了1000次。但我想我必须回去继续寻找。检查你从cssPanel传递的CSS在语法上是否正确。这也可能是一个原因。我尝试过这个，但仍然得到语法错误：（！

$("textarea").on("change keyup paste", function() {
    $("iframe").contents().find("html").html($("#htmlPanel").val());
});

CSS CODE :<textarea type"text" id="cssPanel">p {border-style: dotted dashed solid double;}</textarea>
HTML CODE : <textarea type"text" id="htmlPanel"><p><b>Test HTML</b></p></textarea>
<iframe>
  <html>

  </html>
</iframe>

$("textarea").on("change keyup paste", function(){
   $("iframe").contents().find("html").html("<html><head><style type='text/css'>" + $("#cssPanel").val() + "</style></head><body>" + $("#htmlPanel").val() + "</body></html>");});