ドキュメントの画像を Web ページに読み込み、別のページから渡された変数に基づいて特定の画像 (ページ) に移動する Web ページを設計しています。コードは以下です。現在、変数「ページ」が更新されているようには見えません。ページは警告します
<!DOCTYPE html>
<html>
<head>
<title>TEST</title>
<!-- Javascripts -->
<script type="text/javascript">
var pageCount = 40; /*Total number of pages */
var p; /*Variable passed to go to a specific page*/
function pageLoad(){ /*Loads in the pages as images */
for( i = 1; i<= pageCount; i++){
if(i < 10){
i = "0"+i;
}
document.body.innerHTML += "<div class='page'><a id='page" + i +"'><img src='pages/PI_Page_"+ i +".png' /></a></div>";
if( i == pageCount){
gotoPage(p);
}
}
}
function gotoPage(pageNum){ /* Moves webpage to target page of the PI */
window.location = ("#page" + pageNum);
alert(p);
}
function Test(){
window.open("./PI.html?p=15","new_pop");
}
</script>
</head>
<body onload="pageLoad()">
<div class="ExtBtn" onClick="Test()">
<img alt="Exit" src="design/exit_btn-02.png" />
</div>
</body>
</html>
関数 TEST() は、p を 15 に設定してページを再度開くためのリンクを設定できるように設定されています。ページは開きますが、関数 gotoPage() はまだ p が未定義であることを警告します。それはなぜですか?