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

时间:2019-02-01 19:27:36

标签: javascript html television

我正在为Hbbtv构建电视应用程序,该应用程序可以在电视浏览器上使用。但是,现在在我的应用程序中,使用锚标记指定了每个页面,并且当我单击导航菜单时将加载每个页面。 我如何使它成为单页应用程序,就像保留主页并仅在选择菜单选项时加载内容一样。 我的程序可以在按键上工作

这就是我的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

1 个答案:

答案 0 :(得分:1)

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

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