使用 javascript 或 html5 将参数传递给 url答案

【问题标题】：Passing a parameter to a url using javascript or html5使用 javascript 或 html5 将参数传递给 url
【发布时间】：2015-04-19 18:37:53
【问题描述】：

这里是新手.... 我有一个 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”这样的文本字符串，这可以正常工作，但如果我指定变量名，则不行。

我确信答案对其他人来说是显而易见的，但我真的很重视这里的一些帮助。

【问题讨论】：

您如何提供图像？我从数据库中推测？还是文件夹刮？还是硬编码？
location.search 包含任何 url 参数

标签： javascript html parameter-passing

【解决方案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";

【讨论】：