javascript 新建页面
当我们需要打开一个新的浏览器页面时，我们可以使用JavaScript来实现这个功能。比如我们在网站中有一个按钮，当用户点击这个按钮时，浏览器将会打开另一个页面显示更多的信息。这个功能是非常常见的，下面我们就来学习一下如何使用JavaScript来实现这个功能。
首先我们可以使用window.open()方法来创建一个新的页面。这个方法接受三个参数，第一个参数是要打开的页面的URL，第二个参数是页面名称，第三个参数则是一个可选的字符串，它描述了新窗口的一些特征，比如窗口的大小、位置、是否有滚动条等等。下面是一个简单的例子：
function openNewPage() {
window.open("http://www.example.com", "newPage", "width=500,height=500");
}
在这个例子中，我们在HTML中创建了一个按钮，并使用JavaScript来为这个按钮绑定了一个事件处理函数。当用户点击这个按钮时，该函数将会被执行。在这个函数中，我们调用了window.open()方法来打开一个名为“newPage”的新页面，该页面的URL为http://www.example.com，大小为500×500像素。
除了使用window.open()方法外，我们还可以使用location.href属性来实现打开一个新的页面。这个属性表示当前页面的URL地址，当我们将其改变为另一个URL时，浏览器将会加载相应的页面。下面是一个例子：
function openNewPage() {
location.href = "http://www.example.com";
}
在这个例子中，我们同样创建了一个按钮，并绑定了一个事件处理函数。当用户点击这个按钮时，该函数将会被执行。在这个函数中，我们使用location.href属性将当前页面的URL地址改变为http://www.example.com，从而实现打开一个新页面的功能。
在实际开发中，我们可能需要在新页面中向服务器发送请求获取数据，并根据返回的数据来渲染页面。为了实现这个功能，我们可以在新页面中使用JavaScript发送HTTP请求，获取服务器返回的数据。下面是一个例子：
function openNewPage() {
var newPage = window.open("", "newPage");
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
newPage.document.write(xhr.responseText);
}
}
xhr.open("GET", "http://www.example.com/data", true);
xhr.send();
}
在这个例子中，我们同样创建了一个按钮，并绑定了一个事件处理函数。在这个函数中，我们首先使用window.open()方法打开了一个新页面，并将该页面保存在了变量newPage中。接着我们创建了一个XMLHttpRequest对象，并使用它来向服务器发送一个GET请求，请求的URL为http://www.example.com/data。当服务器返回数据时，我们在onreadystatechange事件处理函数中获取返回的数据，并使用newPage.document.write()方法将数据写入到新页面中。
以上就是使用JavaScript新建页面的方法和一些举例。总的来说，JavaScript不仅可以帮助我们创建新的页面，还能够和服务器进行通信、动态更新页面内容，为网站的开发提供了很大的便利。