``` document.getElementById('messageBox').style.display = 'block'; // 展示div } ```在一个网页的文本框获取文本框文字然后在另一个网页现实该网页获取到的文本信息

在您的例子中，`document.getElementById('messageBox').style.display = 'block';` 这行代码的作用是在当前页面中展示之前获取的文本信息。但是，如果你想实现在一个网页获取输入，然后在另一个独立的网页显示该信息，你需要采取不同的方法，因为浏览器不允许直接从一个网页向另一个网页发送数据（为了安全考虑）。

一种可能的方式是使用服务器端语言（如PHP、Node.js等）作为中介，将数据存储在一个数据库或者共享文件中，然后两个网页可以通过HTTP请求访问这些数据。具体步骤如下：

1. **前端（用户输入的页面）**:
- 用户在第一个网页（A）的文本框填写内容。
- 用户点击按钮时，前端发送POST请求将输入数据存入服务器。

// 假设有一个API接口
fetch('http://yourserver.com/save-input', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({
    text: document.getElementById('myInput').value,
  }),
})
.then(response => response.json())
.catch(error => console.error('Error:', error));

2. **后端（服务器端）**:
- 保存数据到数据库或其他合适的地方。

3. **另一个网页（B）**:
- 后端提供一个GET接口，第二个页面（B）通过AJAX或Fetch请求获取数据。
- 在页面B上显示从服务器获取的数据。

fetch('http://yourserver.com/get-input')
.then(response => response.text())
.then(data => {
  // 页面B上的某个元素
  const messageDiv = document.getElementById('messageBox');
  messageDiv.textContent = data;
});