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>