变量和字符串的串联错误

Question

我想将一个参数传递给另一个页面，但事实证明它是未定义的。

getAccount（）返回json列表。 首先，我在HTML上逐一显示这些json对象，当用户单击每个json对象时，accDetail [i] .accNo设置为本地存储，并将传递到下一页。

var accDetail=getAccounts();


for(var i =0;i<accDetail.length;i++) {
  document.getElementById("demo").innerHTML+='<a href="accountdetails.html" onclick="getAcc('+accDetail[i].accNo+')">'+accDetail[i].accNo +'</a>'+' '+ accDetail[i].accType+' '+ accDetail[i].balance+'<br>';

}

这是将项目设置为本地存储的功能。

function getAcc(item)
{
    localStorage.setItem("accNo",item); }

它不显示我想要的值，我将其连接的方式错误吗？

Answer 1

您的onclick处理程序实际上将是 getAcc(accDetail[i].accNo) （尝试在Inspect元素中查看），该方法将不起作用，因为事件处理程序中未定义accDetail 。 您需要更改Javascript，以使其写入getAcc(0) ， getAcc(1)等，其中0、1是不同的accNo 。

这是我写的一个小例子，希望您可以扩展它来解决您的问题：

var accNo = [1, 2, 3, 4];
  for(var i = 0;i < accNo.length; i++) {
    var line = '<a href="accountdetails.html" onclick="getAcc(' + accNo[i] + ')">' + accNo[i] + '</a> <br>';
    console.log(line);
    document.getElementById("demo").innerHTML += line;
  }

Answer 2

首先确保您的函数获得正确的值

尝试改为使用窗口对象

function getAcc(item)
{
    localStorage.setItem("accNo",item); 
}

Replace with 

函数getAcc（item）
{
console.log（item）; // 请检查您是否获得了正确且未定义的项目
window.accNo =项目；
}

而只要您想使用window.accNo