Question

我有一个网站，www.example.com / index.html

它有两个文本输入字段供用户粘贴img / gif url

单击提交按钮使用javascript在我的html文件中创建一个带有img标记的div，它还将用户输入值转换为div的img的src。

提交按钮如何将网站网址更新为example.com/index.html?gif=someurl.com&gif2=someurl2.com

这样，用户可以使用查询参数复制并粘贴网址，并与某人分享，当有人点击链接时，他们会被带到网站，两个div都会自动加载img src。

Answer 1

它不是“php查询字符串”。它是带有params的URL，与PHP或任何其他后端语言没有严格的关系。

如果您要通过以下方式更改网址：

window.location = 'url';

浏览器将导航到新页面。

我建议使用

更新网址哈希

window.location.hash = 'url';

在javascript的初始化时，检查散列是否与模式匹配并包含图像文件的属性。执行你的函数，显示IMG的值。

Answer 2

除非您有哈希值，否则无法动态更新网址（例如example.com/index.html#gif=someurl.com&gif2=someurl2.com）。

以下是如何使用哈希进行此操作的示例：

if(window.location.hash) {
    var imgArray = window.location.hash.split("&gif=");

    for(var i=0; i<imgArray.length; i++) {
        $("#imgDiv").append($("<img>").attr("src", imgArray[i]));
    }
}

php查询字符串使用GET更新html img src的示例？

2 个答案: