javascript - 将多页应用程序转换为单页

Question

我正在为 Hbbtv 构建一个电视应用程序，它可以在电视浏览器上运行。

但是现在在我的应用程序中，每个页面都使用 anchor 标记指定，并且当我单击导航菜单时加载每个页面。

如何使它成为一个单页应用程序，让主页保持不变，只在我选择菜单选项时加载内容。 我编程在按键上工作

这就是我的 javascript 的样子

function keyFunction(e) {
switch(e) {
    case "OK":
        switch(menuPosition) {
            case 1:
                document.getElementById("msg").innerHTML = "<h2>Welcome to HbbTV Tutorials</h2>";
                break;
            case 2:
                document.getElementById("msg").innerHTML = "<h2> Internet </h2>";
                break;

每个页面都有很多图片和内容，所以我觉得我不能利用内部HTML

Answer 1

您可以看看 JQuery 和 AJAX。 存储您的 HTML 页面并通过用户点击触发的 AJAX 请求获取内容。

这可能对您有帮助:https://ilovecoding.org/courses/jquery/lessons/ajax-create-a-single-page-app-with-jquery