2017-12-15 21 views
-4

私のjavascriptコード(以下)があります。エラーが表示されます:Uncaught SyntaxError: Unexpected token { error 私のコードで問題が見つかりません。誰でも助けてくれますか?javascript Uncaught SyntaxError:予期しないトークン{エラー

これはコード内に戻るWebサービス文字列で、このコードでアプリケーションを構築しています。

私のコードでエラーが見つかりましたか?

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

関数scriptposition(有効、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'}); 
} 
} 

`

+8

可能な重複:

はここにあなたのリファクタリング、コードです[Javascriptを: "キャッチされないでSyntaxError:予期しないトークン{"](https://stackoverflow.com/questions/27555368/javascript-uncaught-syntaxerror-unexpected -token) – panther

答えて

0

代わり正しいifIfを使用しています。それが原因です。 のように、コーディング標準に役立つプラグインを使用することを検討してください。標準化されたコードを生成するのに役立ちます。

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' }); 
    } 
} 
+0

これらの 'if '条件のすべてではなく、' switch ... case'を使うことも考えてください。 –

関連する問題