使用javascript或html5將參數傳遞給url

Question

我是新手。...我有一個html5和javascript網頁，用戶可以在其中暫停視頻來選擇圖片。 我會顯示在暫停時間顯示的圖像的縮略圖，並在圖像的兩邊顯示圖像，以防時序困難。 這很好。 現在，我有三個變量來保存所選.jpg文件的名稱（其中有217個）。 我想打開一個新網頁，並將用戶單擊以訂購打印圖像的.jpg文件名傳遞給它。 我研究了許多將變量傳遞給url的方法：查詢字符串，sessionStorage，具有鏈接方法的表單等。 他們所有人都告訴我如何傳遞文本字符串，效果很好。 如何傳遞變量？

例如，以下語句可以正常工作，但是sessionStorage返回null。

var nextImg = "VideoImages/sniperImg" + i + ".jpg";
document.getElementById("threeOfThree").src = nextImg; //this works 
sessionStorage.name=nextImg; //this does not

另一個例子：

<a href="OrderPrint.html?imgSel=preImg"
  img id="oneOfThree" src="" width="226" height="300" >
</a>

如果指定文本字符串（例如“？image.jpg”），則此方法正常，但如果指定了變量名，則無效。

我相信答案對其他人來說是顯而易見的，但是在此我真的很有價值。

Answer 1

如果要將參數發送到另一個頁面，則需要在標簽的href標簽中設置url和查詢字符串。

例如：

<a id="myatag" href="">
    <!-- Whatever you want the user to click-->
</a>

和js：

document.getElementById("myatag").href = "OrderPrint.html?image=" + "sniperImg" + i;

然后，您可以在服務器端腳本上檢索圖像的名稱，並附加“ .jpg”或您正在使用的任何擴展名。 例如，在PHP中：

$image = "VideoImages/" + $_GET["image"] + ".jpg";