意外的标记 }

Question

我正在尝试通过使用此代码来定位网页上的某个地方

<div id="mover" onclick="moveTo(".main", 3);">erer</div>

多数民众赞成在我的按钮^^

这是我的功能vv

this.moveTo = function(el5, page_index) {

if (typeof el5 == "string") el5 = document.querySelector(el5);

    var current = document.querySelector(settings.sectionContainer + ".active"),
        next = document.querySelector(settings.sectionContainer + "[data-index='" + (page_index) + "']");

    if(next) {
      var next_index = next.dataset.index;
        _removeClass(current, "active");
        _addClass(next, "active");
        _removeClass(document.querySelector(".onepage-pagination li a" + ".active"), "active");
        _addClass(document.querySelector(".onepage-pagination li a" + "[data-index='" + (page_index) + "']"), "active");

        body.className = body.className.replace(/\bviewing-page-\d.*?\b/g, '');
        _addClass(body, "viewing-page-"+ next_index);

        pos = ((page_index - 1) * 100) * -1;

        if (history.replaceState && settings.updateURL == true) {
            var href = window.location.href.substr(0,window.location.href.indexOf('#')) + "#" + (parseInt(page_index) - 1);
            history.pushState( {}, document.title, href );
        }
        _transformPage(el5, settings, pos, page_index, next);
    }
}

我继续收到此错误，“未捕获的语法错误：意外的令牌}”，并在下面突出显示此代码，我找不到任何错误

<div id="mover" onclick="moveTo(".main", 3);">erer</div>
<div class="container" style="height:70px">

Answer 1

将函数内的双引号更改为

<div id="mover" onclick="moveTo(".main", 3);">erer</div>

单引号

<div id="mover" onclick="moveTo('.main', 3);">erer</div>

函数中的双引号与表示onclick属性范围的双引号冲突。

建议

由于双引号通常在HTML内部使用，因此在大多数情况下，对于JavaScript，我们应该对JavaScript使用单引号， 以使两者之间不会发生冲突。

Answer 2

更改onclick使内部引号是单引号（而不是双引号）

onclick="moveTo('.main', 3);"

您的第二个双引号是关闭字符串，因此您基本上具有以下优点...

onclick="moveTo("  .main  ", 3);"

并且解析器不知道如何处理引号之间的.main 。