我想在文本框中以段落的形式收集数据,然后将其显示给新页面。我已经为公告页面(我想从这里获取数据并在那里显示数据)和存档页面(我想在这里显示数据)添加了HTML代码,我应该如何做呢?请帮帮我吧。我的新HTML因此我不确定如果我这样做正确的。
<!DOCTYPE html>
<html>
<link rel="stylesheet" href="stylem.css" />
<script type="text/javascript" src="index.js"></script>
<head>
<title>Announcement Page</title>
</head>
<body>
<form method="Post" action="archive.html">
<textarea type="text" id="textbox" class="textbox" cols="40" rows="10"></textarea>
<input type="submit" id="save" name="save" value="submit" onclick="handleSubmit()"/>
</form>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>
Archive
</title>
<link rel="stylesheet" href="stylea.css" />
</head>
<body>
<h2> Announcement : <span id="result-text"> </span> </h2>
</body>
</html>
function handleSubmit (){
const textbox = document.getElementById('textbox').value;
localStorage.setItem("Data", textbox);
return;
}
window.addEventListener('load', () => {
const params = (new URL(document.location)).searchParams;
const textbox = params.get('textbox');
document.getElementById('result-text').innerHTML= textbox;
})
你把你的"Data"到本地存储所以你需要在那里访问它而不是试图从文档位置
中取出它window.addEventListener('load', () => {
const data = localStorage.getItem('Data');
document.getElementById('result-text').innerHTML = data;
});