Question

我有我的javascript代码（下方）。我收到错误：Uncaught SyntaxError: Unexpected token { error 但我无法在代码中发现任何问题。任何人都可以帮助我吗？

这是一个Web服务字符串，它返回代码内部，我正在使用此代码构建应用程序。

我被困在这里找到我的代码中的任何错误。

window.jQuery(document).ready(function(){
scriptposition('#deneme','Scr-Top-Center');
});

function scriptposition（valID，valPos）{

var w = $(window).width();
var h = window.jQuery(window).height();
var dw = window.jQuery(document).width();
var dh = window.jQuery(document).height();
var objectw = window.jQuery(valID).width();
var objecth = window.jQuery(valID).height();

If (valPos=='Scr-Top-Center'){
var dleft = ((w/2) - (objectw/2));
    $(valID).css({top: 0, left:dleft, position:'absolute'});
}
If (valPos =='Scr-Left-Center'){
var dtop = ((h/2) - (objecth/2));
    $(valID).css({top: dtop, left:0, position:'absolute'});
}
If (valPos =='Scr-Right-Center'){
var dtop = ((h/2) - (objecth/2));
var dleft = (w) - (objectw);
    $(valID).css({top: dtop, left:dleft, position:'absolute'});
}
If (valPos =='Scr-Bottom-Center'){
var dtop = (h) - (objecth);
var dleft = (w/2) - (objectw/2);
    $(valID).css({top:dtop, left:dleft, position:'absolute'});
}
If (valPos =='Scr-Top-Left'){
    $(valID).css({top: 0, left:0, position:'absolute'});
}
If (valPos =='Scr-Top-Right'){
var dleft = (w) - (objectw);
    $(valID).css({top: 0, left:dleft, position:'absolute'});
}
If (valPos =='Scr-Bottom-Left'){
var dtop = (h) - (objecth);
    $(valID).css({top: dtop, left:0, position:'absolute'});
}
If (valPos =='Scr-Bottom-Right'){
var dtop = (h) - (objecth);
var dleft = (w) - (objectw);
    $(valID).css({top:dtop , left:dleft, position:'absolute'});
}
If (valPos =='Scr-Middle-Center'){
var dtop = (h/2) - (objecth/2);
var dleft = (w/2) - (objectw/2);
    $(valID).css({top:dtop , left:dleft, position:'absolute'});
}
If (valPos =='Scr-Middle-Left'){
var dtop = (h/2) - (objecth/2);
    $(valID).css({top:dtop, left:0, position:'absolute'});
}
If (valPos =='Scr-Middle-Right'){
var dtop = (h/2) - (objecth/2);
var dleft = (w) - (objectw);
    $(valID).css({top:dtop , left:dleft, position:'absolute'});
}
If (valPos =='Doc-Top-Center'){
var dleft = ((dw/2) - (objectw/2));
alert(dleft);
    $(valID).css({top: 0, left:dleft, position:'absolute'});
}
If (valPos =='Doc-Left-Center'){
var dtop = ((dh/2) - (objecth/2));
    $(valID).css({top: dtop, left:0, position:'absolute'});
}
If (valPos =='Doc-Right-Center'){
var dtop = ((dh/2) - (objecth/2));
var dleft = (dw) - (objectw);
    $(valID).css({top: dtop, left:dleft, position:'absolute'});
}
If (valPos =='Doc-Bottom-Center'){
var dtop = (dh) - (objecth);
var dleft = (dw/2) - (objectw/2);
    $(valID).css({top:dtop, left:dleft, position:'absolute'});
}
If (valPos =='Doc-Top-Left'){
    $(valID).css({top: 0, left:0, position:'absolute'});
}
If (valPos =='Doc-Top-Right'){
dleft = (dw) - (objectw);
    $(valID).css({top: 0, left:dleft, position:'absolute'});
}
If (valPos =='Doc-Bottom-Left'){
dtop = (dh) - (objecth);
    $(valID).css({top: dtop, left:0, position:'absolute'});
}
If (valPos =='Doc-Bottom-Right'){
dtop = (dh) - (objecth);
dleft = (dw) - (objectw);
    $(valID).css({top: dtop, left:dleft, position:'absolute'});
}
If (valPos =='Doc-Middle-Center'){
dtop = (dh/2) - (objecth/2);
dleft = (dw/2) - (objectw/2);
    $(valID).css({top: dtop, left:dleft, position:'absolute'});
}
If (valPos =='Doc-Middle-Left'){
dtop = (dh/2) - (objecth/2);
    $(valID).css({top: dtop, left:0, position:'absolute'});
}
If (valPos =='Doc-Middle-Right'){
dtop = (dh/2) - (objecth/2);
dleft = (dw/2) - (objectw/2);
    $(valID).css({top: dtop, left:dleft, position:'absolute'});
}
}

`

Answer 1

您正在使用If而不是正确的if。这就是原因。考虑使用有助于编码标准的插件，例如prettier。它有助于生成标准化代码。

这是您重构的代码：

function scriptposition(valID, valPos) {
  var w = $(window).width();
  var h = window.jQuery(window).height();
  var dw = window.jQuery(document).width();
  var dh = window.jQuery(document).height();
  var objectw = window.jQuery(valID).width();
  var objecth = window.jQuery(valID).height();

  if (valPos == 'Scr-Top-Center') {
    var dleft = w / 2 - objectw / 2;
    $(valID).css({ top: 0, left: dleft, position: 'absolute' });
  }
  if (valPos == 'Scr-Left-Center') {
    var dtop = h / 2 - objecth / 2;
    $(valID).css({ top: dtop, left: 0, position: 'absolute' });
  }
  if (valPos == 'Scr-Right-Center') {
    var dtop = h / 2 - objecth / 2;
    var dleft = w - objectw;
    $(valID).css({ top: dtop, left: dleft, position: 'absolute' });
  }
  if (valPos == 'Scr-Bottom-Center') {
    var dtop = h - objecth;
    var dleft = w / 2 - objectw / 2;
    $(valID).css({ top: dtop, left: dleft, position: 'absolute' });
  }
  if (valPos == 'Scr-Top-Left') {
    $(valID).css({ top: 0, left: 0, position: 'absolute' });
  }
  if (valPos == 'Scr-Top-Right') {
    var dleft = w - objectw;
    $(valID).css({ top: 0, left: dleft, position: 'absolute' });
  }
  if (valPos == 'Scr-Bottom-Left') {
    var dtop = h - objecth;
    $(valID).css({ top: dtop, left: 0, position: 'absolute' });
  }
  if (valPos == 'Scr-Bottom-Right') {
    var dtop = h - objecth;
    var dleft = w - objectw;
    $(valID).css({ top: dtop, left: dleft, position: 'absolute' });
  }
  if (valPos == 'Scr-Middle-Center') {
    var dtop = h / 2 - objecth / 2;
    var dleft = w / 2 - objectw / 2;
    $(valID).css({ top: dtop, left: dleft, position: 'absolute' });
  }
  if (valPos == 'Scr-Middle-Left') {
    var dtop = h / 2 - objecth / 2;
    $(valID).css({ top: dtop, left: 0, position: 'absolute' });
  }
  if (valPos == 'Scr-Middle-Right') {
    var dtop = h / 2 - objecth / 2;
    var dleft = w - objectw;
    $(valID).css({ top: dtop, left: dleft, position: 'absolute' });
  }
  if (valPos == 'Doc-Top-Center') {
    var dleft = dw / 2 - objectw / 2;
    alert(dleft);
    $(valID).css({ top: 0, left: dleft, position: 'absolute' });
  }
  if (valPos == 'Doc-Left-Center') {
    var dtop = dh / 2 - objecth / 2;
    $(valID).css({ top: dtop, left: 0, position: 'absolute' });
  }
  if (valPos == 'Doc-Right-Center') {
    var dtop = dh / 2 - objecth / 2;
    var dleft = dw - objectw;
    $(valID).css({ top: dtop, left: dleft, position: 'absolute' });
  }
  if (valPos == 'Doc-Bottom-Center') {
    var dtop = dh - objecth;
    var dleft = dw / 2 - objectw / 2;
    $(valID).css({ top: dtop, left: dleft, position: 'absolute' });
  }
  if (valPos == 'Doc-Top-Left') {
    $(valID).css({ top: 0, left: 0, position: 'absolute' });
  }
  if (valPos == 'Doc-Top-Right') {
    dleft = dw - objectw;
    $(valID).css({ top: 0, left: dleft, position: 'absolute' });
  }
  if (valPos == 'Doc-Bottom-Left') {
    dtop = dh - objecth;
    $(valID).css({ top: dtop, left: 0, position: 'absolute' });
  }
  if (valPos == 'Doc-Bottom-Right') {
    dtop = dh - objecth;
    dleft = dw - objectw;
    $(valID).css({ top: dtop, left: dleft, position: 'absolute' });
  }
  if (valPos == 'Doc-Middle-Center') {
    dtop = dh / 2 - objecth / 2;
    dleft = dw / 2 - objectw / 2;
    $(valID).css({ top: dtop, left: dleft, position: 'absolute' });
  }
  if (valPos == 'Doc-Middle-Left') {
    dtop = dh / 2 - objecth / 2;
    $(valID).css({ top: dtop, left: 0, position: 'absolute' });
  }
  if (valPos == 'Doc-Middle-Right') {
    dtop = dh / 2 - objecth / 2;
    dleft = dw / 2 - objectw / 2;
    $(valID).css({ top: dtop, left: dleft, position: 'absolute' });
  }
}

javascript Uncaught SyntaxError：意外的令牌{错误

1 个答案: