时间戳

首页 > 解决方案 > 从另一个 HTML 文件中的表中检索特定行 - Javascript

javascript - 从另一个 HTML 文件中的表中检索特定行 - Javascript

问题描述

我想知道是否有人可以帮助我解决这个问题。我有 2 个 html 页面，page1.html 和 page2.html。page1.html 有一个文本框、一个按钮和 3 个标签。page2.html 有一个名为 mytable 的表，其中包含此数据。

Number  Color   Shape
1       Red     Square
2       Blue    Circle
3       Orange  Triangle

在 page1.html 上，我试图在文本框中输入一个数字，点击按钮后会将相应的行带回 3 个标签中。因此，如果我输入 2，则 3 个标签将显示 2、Blue、Circle。有任何想法吗？我进行了全面研究，我得到的最接近的是下面的代码。任何帮助将不胜感激。

page1.html

<!DOCTYPE html>

<html>
<head>
<title>Acknowledgement</title>
</head>

<body>
<script>

var value1="value1";
var value2="value2";
var queryString = "?para1=" + value1 + "&para2=" + value2;
window.location.href = "page2.html" + queryString;

</script>
</body>
</html>

page2.html

<!DOCTYPE html>
<html>
<head>
<title>Acknowledgement</title>
</head>
<body>
<h4>These are the data from page1.html.</h4>

<script>

var queryString = decodeURIComponent(window.location.search);
queryString = queryString.substring(1);
var queries = queryString.split("&");
for (var i = 0; i < queries.length; i++)
{
  document.write(queries[i] + "<br>");
}

</script>
</body>
</html>

标签： javascripthtml

解决方案

您可以使用本地存储或

在导航 window.myobj={val1:"val1",val2:"val2"} 之前的第 1 页中分配值

获取第 2 页的数据 var mydata=window.myobj; 控制台.log(mydata.val1);

推荐阅读