首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >我想将用户重定向到一个网页,当一个按钮被点击时,一个参数来自另一个函数?

我想将用户重定向到一个网页,当一个按钮被点击时,一个参数来自另一个函数?
EN

Stack Overflow用户
提问于 2018-12-12 05:39:33
回答 3查看 446关注 0票数 1

我正在做一个课程项目,我真的很努力。我跟踪了用户在一组图像上的点击,这是我的程序的n个变量,最大点击次数是3。当一个按钮被点击时,我想将用户重定向到另一个网页,我将重定向的网页将由n变量决定,1-2或3。当一个按钮被点击时,用户将被重定向到不同的页面。我在下面附上我的代码,请帮助。我想在附加到html代码中的图像的增量函数中添加index参数。增量功能也可以正常工作。例如,当n=1,用户单击按钮时,我尝试了这种情况。

function increment(index) {
        var n = 0;
        if (n < 3) {
            n++;
        }

        if (n == 1) {
            document.getElementById("gameButton").onclick = redirect (increment(index)) {
            location.href = "remaining8.html";
        }
   }
EN

回答 3

Stack Overflow用户

发布于 2018-12-12 06:01:54

一旦您重定向到新页面,您将丢失"n“的值,因为您已经加载了一个全新的页面。

您可以在新的选项卡/窗口中打开url,在这种情况下,我可以建议进行一些编码。或者,您可以将"n“的值存储在cookie或本地存储中,但也可以使用不同的代码。

您也可以在iframe中打开这些URL,然后当您再次单击它时,您仍然在同一页上。

你到底想做什么?

票数 2
EN

Stack Overflow用户

发布于 2018-12-12 05:57:48

您的redirect()已经被声明了,在第二个if块中,您以错误的方式重新声明了它。您不希望在增量函数中检查n==1,而是希望在单击事件时执行此操作,如下所示:

document.getElementById("gameButton").onclick = () => {
   switch(n) {
      case 1:
         window.location.href = "remaining8.html";
         break;
      case 2: 
         // do something
         break;
      case 3: 
         // do something
         break;
}

但是对于你最初的要求,如果我看不到你的html,我就不能给你正确的答案。在这里张贴你的html,我会给你回复一个解决方案。

此外,您可以在单独的选项卡中打开新的网页,而不是重定向到另一个页面,这样您就不会丢失n。另外,我认为丢弃增量函数并在单击事件上递增n的值是一个更好的解决方案,解决方案如下:

 var n = 0;

 document.getElementById("gameButton").onclick = function() {
    if(value == 3) {
      value = 1;
    } else if(value < 3) value++;

    switch(n) {
      case 1:
         window.location.href = "remaining8.html";
         break;
      case 2: 
         // do something
         break;
      case 3: 
         // do something
         break;
   }
}
票数 1
EN

Stack Overflow用户

发布于 2018-12-12 06:41:11

您可以将n参数传递到重定向的页面:

if (n == 1) {
    document.getElementById("gameButton").onclick = redirect (increment(index)) {
        location.href = "remaining8.html";
    }

将location.href更改为只传递n变量("remaining8.html?index=n"),然后在重定向页面上获取该变量,从而继续您的递增过程。

这里有一篇关于阅读url参数的文章:How to get the value from the GET parameters?

当然,将其放入cookie或本地存储中可能是最好的解决方案,因为javascript可以很好地读取cookie,从而在这些页面重定向中保持计数。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/53732723

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档