2013-07-08 96 views
0

這個js代碼的最後一行不會執行,除非我把它們放在另一個函數中並用html輸入執行它們。什麼可能導致函數的最後兩行不執行?

function baseSize() { 
    var available = window.screen.availHeight; 

    var windowHeight = window.screen.height; 
    var makeHeight = 849 - windowHeight; 
    document.body.style.backgroundPosition = "0px -" + makeHeight + "px"; 

    var container = document.getElementById("container"); 
    container.style.height = available + "px"; 

    var right = document.getElementById("right"); 
    right.style.height = available - 230 + "px"; 

    var left = document.getElementById("left"); 
    left.style.height = available - 230 + "px"; 

    var storyright = document.getElementById("storyright"); 
    storyright.style.height = available - 40 + "px"; 
} 

這是爲什麼,我該如何解決它/如何解決它? (我知道這可能是混亂的,所以不建議的方式擰緊。我會得到以後。)

這裏的HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<link rel="stylesheet" type="text/css" href="stories.css" /> 
<script type = "text/javascript" src="script.js"> 
</script> 
    <div id = "container"> 
    <body onLoad = "baseSize(); storySize();"> 
    <div id = "head"> 
     <table class="links"> 
     <tr> 
     <td class="link"><a href="index.html">Home</a></td> 
     <td class="link"><a href="poetry.html">Poetry</a></td> 
     <td class="link"><a href="essays.html">Essays</a></td> 
     <td class="link"><a href="stories.html">Stories</a></td> 
     <td class="about"><a href="about.html">About</a></td> 
     </tr> 
     </table> 
     <div id = "icon"><p>Craig InTheDell</p></div> 
    </div> 
    <div id="container2"> 
    <div id="top"> 
     <table> 
     <tr> 
     <td class="button"><input type="image" src="mostrecentbutton.jpg" onClick="showContent1()"/></td> 
     <td class="button"></td> 
     <td class="button"></td> 
     <td></td> 
     </tr> 
     </table> 

    </div> 
    <div id="storyright"> 
     <div id="content1"> 
     <input type = "button" Value = "click me!" onClick = "storySize()"/> 
     </div> 
    </div> 
    </div> 
    </body> 
    </div> 
</html> 
+2

你能告訴我們HTML嗎? –

回答

1

如果var left沒有stylestyle.height屬性,它可以在那裏殺死JavaScript。看看你的控制檯 - 出現任何錯誤?

+1

我的猜測是storyright是未定義的。 – rlemon

+0

好的......這也是一個明確的可能性。 –

+0

你是什麼意思undefined?第二行到最後一行沒有定義它? – Matthew

相關問題