javascript - 如何从另一个页面更改一个页面的 html 代码？

Question

在页面index.htm，我有这个列表:

<ul id="topic">
<li id="1">Thing1.</li>
<li id="2">Thing2.</li>
</ul>

我想从其他页面 (painel.htm) 添加和删除 li itens:

在页面 painel.htm 中，我将有一个输入文本，用户可以在其中写入 li 容器(thing1、2、3...)和一个用于添加或删除的按钮(当前在 javascript-jquery 中)。

我想知道从 painel 到索引提供信息的过程。

最后一种情况，我可以使用 c# 将这些页面制作为 asp。

Answer 1

Generate navs through js!

<script>
/* 2 pages nav or define your own */
var pages = [ [ {id:'1',title:'Thing1'} , {id:'2',title:'Thing2'} ] , 
              [ {id:'3',title:'Thing3'} , {id:'4',title:'Thing4'} ]
            ];

/* set current page through asp.net or php like currentPage =0 for index.html and currentPage =1 for painel.htm */

var currentPage = 0;
function renderNavs()
{
     var data = pages[currentPage];
     for(var i=0; i<data.length ; i++)
     {
          $('#topic').append('<li id="'+data[i].id+'">' + data[i].title + '</li>');
');
     }
}

$('#topic').empty();
renderNavs();
</script>