Node.js json은 테이블을 사용하여 간단한 웹사이트를 구현합니다. 왼쪽 Navigation_json

호출은 매우 간단합니다. 데이터를 json 형식으로 정리하면 됩니다. 형식은 다음과 같습니다.

코드 복사 코드는 다음과 같습니다. 다음:

window.onload = function()
{
var tf="if1";
var data=[{m:"스포츠 웹사이트",s:[ {sn:"Baidu Sports",st:"http://news.baidu.com/n?cmd=1&class=sportnews"},
{sn:"Sohu Sports",st:"http://sports .sohu.com/" },
{sn:"Sina Sports",st:"http://sports.sina.com.cn/"}]},
{m:"뉴스 웹사이트", s:[{sn: "Baidu",st:"http://news.baidu.com/"},
{sn:"Sohu",st:"http://news.sohu.com/" },
{ sn:"Sina",st:"http://news.sina.com.cn/"}]},
{m:"동영상 웹사이트",s:[{sn:" Baidu Video",st: "http://vedio.baidu.com/"},
{sn:"Sohu Video",st:"http://tv.sohu.com/"},
{sn:"Sina Video ",st:"http://vedio.sina.com.cn/"}]}
]
var nav=new tableNav("table1",data,tf);
var bautoClose= false; //현재 네비게이션 바가 열릴 때 다른 네비게이션 바가 닫히는지 여부
nav.generateNav(bautoClose)
}

전체 예제 코드 다음과 같습니다: 초보자를 위한 학습!

<title>간단한 구조체</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <style type="text/css"> #divtitle{ border:solid 1px #000000; width:98%; height:100px; text-align:center; } #div1{ border:solid 1px #000000; width:18%; height:700px; float:left; } #div2{ width:80%; height:700px; float:left; } <!--</style>