2012-12-19 22 views
0

我在各種具有多種功能的文件中製作了很多「js-classes」 - 該項目太大而無法發佈代碼。JavaScript不執行,而是顯示地址欄中的函數名稱

不知何故,我直接在終點線管理以創建一個錯誤。在某些瀏覽器中(例如ff),它不執行所需的功能(它在早期階段正確執行,而不更改執行該功能後的代碼,同時不更改該功能的代碼)。

我創建JS類和墊層函數與此方案:

function ClassName(){ 
    this.FunctionName = function(){ 
    //something 
    } 
} 

我所得到的在地址欄是:JavaScript的:ClassName.FunctionName() 什麼應該發生的是,它的瀏覽器只是像chrome那樣執行函數,沒有任何問題。

所以我猜測在代碼的某個地方只有一個不好的字符(它不屬於那個地方)或缺少一個其他地方(也可能在另一個類中) - 或者類似的東西 - 這使得一些瀏覽器解釋它的權利(在Windows下的Safari瀏覽器下的鉻,但不是在Windows下)和其他人不。告訴我,這可能是因爲這種行爲與地址欄或如何找到那些缺少的字符或那些根本不屬於代碼。最佳做法,任何工具可能是什麼?

鉻和ie開發人員工具(F12)和Firefox的螢火蟲沒有給我任何控制檯錯誤,所以我現在真的無能爲力,也許它在HTML?我可以發佈html,因爲它的大部分內容都是由js創建的。

<!DOCTYPE HTML> 

<html> 

<head> 
    <title> 
     engine demo build 
    </title> 

    <style type="text/css" title="currentStyle" media="screen"> 
     @import "style_l.css"; 
    </style> 

    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/> 
    <meta name="Content-Language" content="en-us"> 
    <meta name="Language" content="english, en-us"> 

    <script type="text/javascript" src="Engine.KeyboardDefines.js"></script> 
    <script type="text/javascript" src="Engine.HelpFunctions.js"></script> 
    <script type="text/javascript" src="Engine.BagaObject.js"></script> 
    <script type="text/javascript" src="Engine.CollisionRect.js"></script> 
    <script type="text/javascript" src="Engine.ImageObject.js"></script> 
    <script type="text/javascript" src="Engine.ParallaxLayer.js"></script> 
    <script type="text/javascript" src="Autoscroller.LevelObject.js"></script> 
    <script type="text/javascript" src="Engine.SpriteImageObject.js"></script> 
    <script type="text/javascript" src="Autoscroller.Player.js"></script> 
    <script type="text/javascript" src="JumpAndRun.Player.js"></script> 
    <script type="text/javascript" src="Adventure.Player.js"></script> 
    <script type="text/javascript" src="JumpAndRun.Gate.js"></script> 
    <script type="text/javascript" src="JumpAndRun.Switch.js"></script> 
    <script type="text/javascript" src="JumpAndRun.Box.js"></script> 
    <script type="text/javascript" src="JumpAndRun.Dragon.js"></script> 
    <script type="text/javascript" src="JumpAndRun.Crane.js"></script> 
    <script type="text/javascript" src="JumpAndRun.Golem.js"></script> 
    <script type="text/javascript" src="Autoscroller.Obstacles.js"></script> 
    <script type="text/javascript" src="Autoscroller.ObstaclesGround.js"></script> 
    <script type="text/javascript" src="Adventure.ObstaclesGround.js"></script> 
    <script type="text/javascript" src="Adventure.ObstaclesGroundCastle.js"></script> 
    <script type="text/javascript" src="Adventure.ConversationIndicator.js"></script> 
    <script type="text/javascript" src="Autoscroller.ObstaclesCeiling.js"></script> 
    <script type="text/javascript" src="JumpAndRun.Obstacles.js"></script> 
    <script type="text/javascript" src="JumpAndRun.ObstaclesGround.js"></script> 
    <script type="text/javascript" src="JumpAndRun.ObstaclesGolemGround.js"></script> 
    <script type="text/javascript" src="JumpAndRun.ObstaclesSpikes.js"></script> 
    <script type="text/javascript" src="JumpAndRun.ObstaclesGroundLow.js"></script> 
    <script type="text/javascript" src="JumpAndRun.ObstaclesGoals.js"></script> 
    <script type="text/javascript" src="Autoscroller.GoalObject.js"></script> 
    <script type="text/javascript" src="GameEngine.js"></script> 
    <script type="text/javascript" src="Engine.EngineCore.js"></script> 
    <script type="text/javascript" src="main.js"></script> 
    <script type="text/javascript" src="Engine.FPSObject.js"></script> 

</head> 

<body> 
    <div class='GAMEmt-std'></div> 

    <div id='debug'></div> 

    <div id='GAMEglobalwrapper'> 
     <div id='sounds'> 
      <div id='bgmusic'> 
       <audio id='l1bg' loop> 
        <source src='assets/audio/musicTracks/Longing_for_Tumbleweeds_by_Admiral_Bob_feat_Snowflake.mp3' type='audio/mp3'/> 
        <source src='assets/audio/musicTracks/Longing_for_Tumbleweeds_by_Admiral_Bob_feat_Snowflake.ogg' type='audio/ogg'/> 

        <p>seeing this message can have 2 possible causes: 
        <br> 
        1. You are using a browser which is not supported or 
        <br> 
        2. You are using Safari on windows (or linux? - not tested till now) 
        <br><br> 
        Solution: 
        <br> 
        In the first case get a supported browser 
        <br> 
        In the second case download Apple Quicktime, close Safari, install Quicktime, run Quicktime till advertisement appears, close Quicktime, run Safari again, browse to this site. 
       </audio><!--l1bg--> 

       <audio id='l2bg' loop> 
        <source src='assets/audio/musicTracks/Two_Swords_by__ghost.mp3' type='audio/mp3'/> 
        <source src='assets/audio/musicTracks/Two_Swords_by__ghost.ogg' type='audio/ogg'/> 
       </audio><!--l2bg--> 

       <audio id='l3bg' loop> 
        <source src='assets/audio/musicTracks/Real_good_day_by_calling_sister_midnight.mp3' type='audio/mp3'/> 
        <source src='assets/audio/musicTracks/Real_good_day_by_calling_sister_midnight.ogg' type='audio/ogg'/> 
       </audio><!--l2bg--> 

       <audio id='l4bg' loop> 
        <source src='assets/audio/musicTracks/Dance_of_Light_Pixies_by_onlymeith.mp3' type='audio/mp3'/> 
        <source src='assets/audio/musicTracks/Dance_of_Light_Pixies_by_onlymeith.ogg' type='audio/ogg'/> 
       </audio><!--l4bg--> 

       <audio id='scenebg' loop> 
        <source src='assets/audio/musicTracks/Longing_spacious_choir_remix_by_zep_hurme.mp3' type='audio/mp3'/> 
        <source src='assets/audio/musicTracks/Longing_spacious_choir_remix_by_zep_hurme.ogg' type='audio/ogg'/> 
       </audio><!--l2bg--> 
      </div><!--bgmusic--> 

      <div id='soundfx'> 
       <audio id='hitsound'> 
        <source src='assets/audio/soundFX/standardHit.mp3' type='audio/mp3'/> 
        <source src='assets/audio/soundFX/standardHit.ogg' type='audio/ogg'/> 
       </audio><!--hitsound--> 

       <audio id='switchsound'> 
        <source src='assets/audio/soundFX/switch.mp3' type='audio/mp3'/> 
        <source src='assets/audio/soundFX/switch.ogg' type='audio/ogg'/> 
       </audio><!--switchsound--> 

       <audio id='gatesound'> 
        <source src='assets/audio/soundFX/gate.mp3' type='audio/mp3'/> 
        <source src='assets/audio/soundFX/gate.ogg' type='audio/ogg'/> 
       </audio><!--gatesound--> 

       <audio id='boxsound'> 
        <source src='assets/audio/soundFX/box.mp3' type='audio/mp3'/> 
        <source src='assets/audio/soundFX/box.ogg' type='audio/ogg'/> 
       </audio><!--boxsound--> 
      </div><!--soundfx--> 
     </div><!--sounds--> 

     <canvas id="canvas" ondrop="GLOBAL_gameEngine.drop(event)" ondragover="GLOBAL_gameEngine.allowDrop(event)" width="800" height="450"> 
      <p>You will need a current version of a major browser to play this game</p> 
     </canvas> 

     <div id='gameoverscreen'> 
      <div id='gameover'></div> 

      <div id='lvl1gameover'> 
       <a href=javascript:GLOBAL_gameEngine.restartLevel1()>Try Again</a> 
      </div><!--lvl1gameover--> 

      <div id='lvl2gameover'> 
       <a href=javascript:GLOBAL_gameEngine.resetAtCheckpoint()>Reset At Last Checkpoint</a> 
      </div><!--lvl2gameover--> 

      <div id='lvl4gameover'> 
       <a href=javascript:GLOBAL_gameEngine.restartLevel4()>Somenone saw you. Try again. -></a> 
      </div><!--lvl4gameover--> 
     </div><!--gameover--> 

     <div id='storyscreen'> 
      <div id='languagepicker'> 
       <!--a href=javascript:GLOBAL_gameEngine.setLanguage('en')-->English (soon)<!--/a--> 
       <br><br> 
       <a href=javascript:GLOBAL_gameEngine.setLanguage('de')>Deutsch</a> 
      </div><!--languagepicker--> 

      <div id='sequenz1'> 
       <div id='sequenz1question'> 
       </div><!--sequenz1question--> 

       <div id='sequenz1img'> 
       </div><!--sequenz1img--> 

       <div id='sequenz1txt'> 
       </div><!--sequenz1txt--> 
      </div><!--sequenz1--> 

      <div id='sequenz2'> 
       <div id='sequenz2question'> 
       </div><!--sequenz2question--> 

       <div id='sequenz2img'> 
       </div><!--sequenz2img--> 

       <div id='sequenz2txt'> 
       </div><!--sequenz2txt--> 
      </div><!--sequenz2--> 

      <div id='sequenz3'> 
       <div id='sequenz3question'> 
       </div><!--sequenz3question--> 

       <div id='sequenz3img'> 
       </div><!--sequenz3img--> 

       <div id='sequenz3txt'> 
       </div><!--sequenz3txt--> 
      </div><!--sequenz3--> 

      <div id='sequenz4'> 
       <div id='sequenz4question'> 
       </div><!--sequenz4question--> 

       <div id='sequenz4img'> 
       </div><!--sequenz4img--> 

       <div id='sequenz4txt'> 
       </div><!--sequenz4txt--> 
      </div><!--sequenz4--> 

      <div id='sequenz5'> 
       <div id='sequenz5question'> 
       </div><!--sequenz5question--> 

       <div id='sequenz5img'> 
       </div><!--sequenz5img--> 

       <div id='sequenz5txt'> 
       </div><!--sequenz5txt--> 
      </div><!--sequenz5--> 

      <div id='conversation' ondrop="GLOBAL_gameEngine.drop(event)" ondragover="GLOBAL_gameEngine.allowDrop(event)"> 
       <div id='conversationplayertxt'> 
       </div><!--conversationplayertxt--> 

       <div id='conversationvillagertxt'> 
       </div><!--conversationvilagertxt--> 

       <div id='conversationdirection'> 
       </div><!--conversationdirection--> 

       <div id='conversationimg'> 
       </div><!--conversationImage--> 
      </div><!--conversation--> 
     </div><!--storyscreen--> 

     <div id='hint' draggable='false'> 
     </div><!--hint--> 

     <div id='gui'> 
      <div id='healthmeter'> 
       <div id='hp1'><img src='assets/visuals/images/heart.png'></div> 
       <div id='hp2'><img src='assets/visuals/images/heart.png'></div> 
       <div id='hp3'><img src='assets/visuals/images/heart.png'></div> 
       <div class='clearleft'></div> 
      </div> 

      <div id='itembackpack'> 
       <div id='pickaxe' alt='pickaxe' title='pickaxe' class='firstitem'><img src='assets/visuals/images/pickaxe.jpg' draggable='true' ondragstart='javascript:GLOBAL_gameEngine.drag(event, "pickaxe")'></div> 
       <div id='letter' alt='letter' title='letter' class='notfirstitem'><img src='assets/visuals/images/letter.jpg' draggable='true' ondragstart='javascript:GLOBAL_gameEngine.drag(event, "letter")'></div> 
       <div id='iron' alt='iron' title='iron' class='notfirstitem'><img src='assets/visuals/images/iron.jpg' draggable='true' ondragstart='javascript:GLOBAL_gameEngine.drag(event, "iron")'></div> 
       <div id='nails' alt='nails' title='nails' class='notfirstitem'><img src='assets/visuals/images/nails.jpg' draggable='true' ondragstart='javascript:GLOBAL_gameEngine.drag(event, "nails")'></div> 
       <div id='dagger' alt='dagger' title='dagger' class='notfirstitem'><img src='assets/visuals/images/dagger.jpg' draggable='true' ondragstart='javascript:GLOBAL_gameEngine.drag(event, "dagger")'></div> 
       <div id='book' alt='book' title='book' class='notfirstitem'><img src='assets/visuals/images/book.jpg' draggable='true' ondragstart='javascript:GLOBAL_gameEngine.drag(event, "book")'></div> 
       <div id='amulet' alt='amulet' title='amulet' class='notfirstitem'><img src='assets/visuals/images/amulet.jpg' draggable='true' ondragstart='javascript:GLOBAL_gameEngine.drag(event, "amulet")'></div> 
       <div id='ring' alt='ring' title='ring' class='notfirstitem'><img src='assets/visuals/images/ring.jpg' draggable='true' ondragstart='javascript:GLOBAL_gameEngine.drag(event, "ring")'></div> 
       <div id='mouse' alt='mouse' title='mouse' class='notfirstitem'><img src='assets/visuals/images/mouse.jpg' draggable='true' ondragstart='javascript:GLOBAL_gameEngine.drag(event, "mouse")'></div> 
       <div id='wasps' alt='wasps' title='wasps' class='notfirstitem'><img src='assets/visuals/images/wasps.jpg' draggable='true' ondragstart='javascript:GLOBAL_gameEngine.drag(event, "wasps")'></div> 
       <div id='dog' alt='dog' title='dog' class='notfirstitem'><img src='assets/visuals/images/dog.jpg' draggable='true' ondragstart='javascript:GLOBAL_gameEngine.drag(event, "dog")'></div> 
       <div id='sleepingpowder' alt='sleepingpowder' title='sleepingpowder' class='notfirstitem'><img src='assets/visuals/images/sleepingpowder.jpg' draggable='true' ondragstart='javascript:GLOBAL_gameEngine.drag(event, "sleepingpowder")'></div> 
      </div> 
     </div><!--gui--> 
    </div> 

    <script> 
     var debug = document.getElementById('debug'); 

     debug.log = function(){ 
      this.innerHTML = ""; 
      for(var i = 0; i < arguments.length; i++) 
      { 
       this.innerHTML += arguments[i] + " "; 
      } 
     } 
    </script> 
</body> 

</html> 

忘了提:頁面顯示的翻譯:

改變它的onclick,現在我得到:的ReferenceError:像有一個右括號丟失GameEngine沒有定義-seems - 我正在尋找的onclick解決了這個問題

爲非常感謝 - 現在,它不是這意味着它的上面

的最後一個錯誤的一個類的gameEngine被評論,我不小心沒有通過「//」註釋掉偉大和快速S高級支持! 現在,我可以準備好所有要在擺脫我剛剛發現的性能問題後上傳的內容。 再次很多謝謝你真的幫了我很多!的

回答

3

而不是使用的HREFs,你應該讓你的鏈接onclicks:

<a onclick="GLOBAL_gameEngine.restartLevel1()">Try Again</a> 

另外,如果你想用HREF,您還需要附上HREF在引號

<a href="javascript:GLOBAL_gameEngine.restartLevel1()">Try Again</a> 
+0

呀這也是一個問題,改變了,但沒有改變這個問題(清理緩存等檢查) - 感謝您快速有用的回覆 – Hanz

+0

你仍然遇到同樣的問題,當你使用onclick而不是href? –

+0

沒有我改變它,現在我得到:ReferenceError:GameEngine沒有被定義 - 看起來像是有一個右括號丟失 - 我現在正在搜索,它不在gameEngine這意味着其上面的類之一 – Hanz

相關問題