Question

我大约有10个html页面（无任何反应，语言，角度）。在每个按钮上都有按钮。每个按钮都有一个数据标题，可以包含任何信息。通过单击任意按钮可打开另一个相似的页面（页面“ X”）。因此，我需要从单击的按钮中获取数据，并将其放置到页面“ X”的标题中。如何从一页到另一页获取数据？

要打开该页面，我需要使用： window.open("/folder_name/", "_self");

示例：



<button data-title="title one"> button1</button>
<button data-title="title two"> button2</button>

<div class="x">
 <h5>Change me title</h5>

<button data-title="title one"> button1</button> <button data-title="title two"> button2</button> <div class="x"> <h5>Change me title</h5>

更新： localStorage和sessionStorage对我来说效果很好。

Answer 1

将链接更改为

<a href="page_you_navigate_to.html?title=title one">link1</a>
<a href="page_you_navigate_to.html?title=title two">link2</a>

在页面上导航以使用以下脚本：

var url_string = window.location.href
var url = new URL(url_string);
var title = url.searchParams.get("title");
var h1Elem =  document.querySelector('h5');
h1Elem.innerHTML = title ;

这会将新页面的标题设置为您在URL中传递的任何内容

从第№1页的元素获取数据并设置为第№2页的元素

1 个答案: