從另一個 HTML 文件中的表中檢索特定行 - Javascript

Question

我想知道是否有人可以幫助我解決這個問題。 我有 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。 有任何想法嗎？ 我進行了全面研究，我得到的最接近的是下面的代碼。 任何幫助將不勝感激。

第1頁.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>

第2頁.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>

Answer 1

您可以使用本地存儲或

導航前在第 1 頁賦值 window.myobj={val1:"val1",val2:"val2"}

獲取第 2 頁的數據 var mydata=window.myobj; 控制台.log(mydata.val1);

從另一個 HTML 文件中的表中檢索特定行 - Javascript

問題描述

1 個解決方案

解決方案1
0 2020-05-09 00:20:03

從另一個 HTML 文件中的表中檢索特定行 - Javascript

問題描述

1 個解決方案

解決方案1 0 2020-05-09 00:20:03

解決方案1
0 2020-05-09 00:20:03