Question

嘿，我是前端开发的初学者。基本上，在一个html文件中，当用户单击产品图像或文本时，我试图获取产品名称及其索引。用户单击该特定产品的图像或文本后，它将信息发送到JavaScript文件并打开一个新的html文件（这在事情不起作用时）。我正在尝试使用收到的信息来自onclick =“ setProduct（' Colorful Jelly '，0 ）”，在另一个html文件中，但显示为NaN。我一直在尝试使该功能正常工作，但是我对JS不太满意。长话短说，即时通讯试图从一个HTML文件中获取数据并在另一个HTML文件中使用它，但我想它会在js idk中重置。我还考虑过使用继承，您认为我应该怎么做？

谢谢。

first html file
 <div>
   <a href="selected-product.html">
    <img src="Images/Products/Colorful_Jelly_01.jpg" alt="Reload page.">
   </a>
    <a class="product" href="selected-product.html" onclick="setProduct('Colorful Jelly' ,0)" >abc</a>
  </div>

second html file
i have this:  
 <body onload="getProduct()"> // to get the information as soon as the new html file loads


product.js

var productTitle;
var productIndex;

function setProduct(productName, index) {
    productTitle = productName;
    productIndex = index;

    console.log(productTitle + productIndex);
}
function getProduct() { // using this in second html file .
    console.log(productTitle + productIndex);
    return productTitle + productIndex;
}

如何从一个html文件接收数据并在另一个html文件中使用数据？

0 个答案: