我正在設計一個網頁,將文檔的圖像加載到網頁中,然後將基於從另一頁傳遞的變量重定位到特定圖像(頁面)。代碼如下。現在,它看起來不像正在更新變量「頁面」。該頁面將提醒JS變量通過URL傳遞
<!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>
功能測試()成立,讓我有一個鏈接,重新打開與對集頁面15.頁面打開,但是,功能GotoPage記述()仍警告p未定義。任何想法,爲什麼這是?
我在代碼中看不到任何名爲'page'的變量。 – Mathletics
這裏是一個有用的URL參數解析函數http://stackoverflow.com/questions/901115/how-can-i-get-query-string-values?page=1&tab=votes#tab-top – matz3