在线请教:如何用js实现类似框架(frame)那样的导航功能呢? (xhtml+css)

Question

这个问题最简单的做法就是用 frame 框架布局你的页面(美观上差些)
其次是用 iframe 来实现(美观上比frame好些, 但需要一些JS)
页面共用一些JS文件(美观上最好, 但对JS要求比较高)

Answer 1

你这个问题是一个基本的网页布局问题，几乎每个开始做B/S的都会遇到它，但随着你对网页制作的了解，你的解决办法也会慢慢的变化，从最开始的一张一张网页做过去，到使用框架，到框架＋JS，随着你在做的过程中，你就会慢慢地掌握网页制作的基础，这个步骤跳跃不得的，更多的是要你自己去领悟。你开始的时候可以装一个视图化的网页制作工具，比如Dreamwave, frontpage等，循序渐近，到一定的程序你这个问题你自己也就可以解决了。

Answer 2

你看看吧，不知道是不是你要的样子<div class=header></div><div class=leftcolumn>
<A href="http://www.163.com" target="I1">163</a><BR>
<A href="http://www.tom.com" target="I1">tom</a><BR>
<A href="http://www.csdn.com" target="I1">csdn</a><BR>
<A href="http://www.sina.com" target="I1">sina</a>
</div>
<div class=rightcolumn>
<iframe id="I1" name="I1" src="about:blank" width="500" height="300"></iframe>
</div><div class=footer></div>

Answer 3

用xmlhttp的，不过如果数据量太大，会看上去有假死的样子
<script language="VBScript" >
Function bytes2BSTR(vIn)
Dim strReturn,i,ThisCharCode,innerCode,Hight8,Low8,NextCharCode
strReturn = ""For i = 1 To LenB(vIn)
 ThisCharCode = AscB(MidB(vIn,i,1))
 If ThisCharCode < &H80 Then
  strReturn = strReturn & Chr(ThisCharCode)
 Else
  NextCharCode = AscB(MidB(vIn,i+1,1))
  strReturn = strReturn & Chr(CLng(ThisCharCode) * &H100 + CInt(NextCharCode))
  i = i + 1
 End If
Next
bytes2BSTR = strReturn 
End Function
</script><script language="JavaScript">
function getXML(URL) {
var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
xmlhttp.Open("GET",URL, false);
try { 
xmlhttp.Send(); 
var result = xmlhttp.status;
}
catch(e) {
return(false); 
}
if(result==200) { 
return(bytes2BSTR(xmlhttp.responseBody)); 
}
var xmlhttp = null;
}function clink(url)
{
 try
 {
  document.getElementById('rightcolumn').innerHTML = getXML(url);
 }
 catch(e)
 {
  }
}</script> <div class=header></div><div class=leftcolumn>
<A href="javascript:clink('http://www.163.com');">163</a><BR>
<A href="javascript:clink('http://www.tom.com')" target="I1">tom</a><BR>
<A href="javascript:clink('http://www.csdn.com')" target="I1">csdn</a><BR>
<A href="javascript:clink('http://www.sina.com')" target="I1">sina</a>
</div>
<div class=rightcolumn id="rightcolumn" name="rightcolumn">
</div>
<div class=footer></div>

Answer 4

只需简单的设置一下目标框架而已。
给rightcolumn框架定个标签：
<frame name="rightcolumn" src="xxxxxxxxx" />给leftcolumn框架定超级链接目标：
<frame name="leftcolumn" target="rightcolumn" src="xxxxxxxxx" />要让rightcolumn的超连在rightcolumn本身显示，同理：
<frame name="rightcolumn" target="rightcolumn" src="xxxxxxxxx" />也可以给超级链接本身加目标：
<a target="rightcolumn" href="xxxxxxxxxxxx">xxxxxxxxxx</a>