javascript - 使用 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

如果你想向另一个页面发送参数，那么你需要在a标签的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";