纯Webapp访问静态页面是一种非常常见和基础的功能需求。下面将介绍三个方法来实现这个功能。

使用iframe嵌入静态页面
----------------------
第一种方法是使用iframe将静态页面嵌入到Webapp中。可以在Webapp的HTML代码中添加一个iframe元素，并设置其src属性为静态页面的URL。这样就可以在Webapp中显示静态页面的内容。

```html

使用iframe嵌入静态页面

在Webapp的HTML代码中，添加一个iframe元素，并设置其src属性为静态页面的URL，这样可以将静态页面嵌入到Webapp中。


<iframe src="静态页面的URL"></iframe>

通过AJAX请求静态页面内容
------------------------
第二种方法是通过AJAX请求静态页面的内容，然后将返回的HTML代码插入到Webapp中的某个元素中显示。可以使用JavaScript中的XMLHttpRequest对象发送GET请求，获取静态页面的内容。

```html

通过AJAX请求静态页面内容

使用JavaScript中的XMLHttpRequest对象发送GET请求，获取静态页面的内容，然后将返回的HTML代码插入到Webapp中的某个元素中显示。


var xhr = new XMLHttpRequest();
xhr.open('GET', '静态页面的URL', true);
xhr.onload = function() {
  if (xhr.status === 200) {
    document.getElementById('static-content').innerHTML = xhr.responseText;
  }
};
xhr.send();

上述代码中，通过getElementById方法获取Webapp中一个元素的引用，然后将返回的HTML代码作为innerHTML赋值给该元素，从而将静态页面显示在Webapp中。

使用服务端渲染
------------
第三种方法是使用服务端渲染技术，在服务端生成包含静态页面内容的HTML代码，并将其作为响应返回给Webapp。这样Webapp在接收到响应后直接显示静态页面的内容。

```html

使用服务端渲染

使用服务端渲染技术，在服务端生成包含静态页面内容的HTML代码，并将其作为响应返回给Webapp。

在服务端的代码中，可以使用模板引擎或直接拼接HTML字符串来生成包含静态页面内容的HTML代码。

```