怎么实现跳转到不同目录的同名页面？

Question

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript">
<!--
function MM_jumpMenu(targ,selObj,restore){ //v3.0
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
}
//-->
</script>
<TABLE cellSpacing=0 cellPadding=0 width=778 align=center border=0>
  <TBODY>
    <TR>
      <TD width=268 bgColor=#ffffff height=68 rowSpan=2><a href="../index.html"><img name="dm_logo" src="../img/logo.jpg" width="268" height="68" border="0" alt="易格软件logo"></a></TD>
      <TD vAlign=bottom width=276 bgColor=#ffffff height=42>&nbsp;</TD>
      <TD vAlign=middle align=center width=234 bgColor=#ffffff>   Language:
          <select name="jumpMenu" id="jumpMenu" onChange="MM_jumpMenu('parent',this,0)">
<option value="../en/index.html">English</option>
<option value="../index.html">简体中文</option>
<option value="../cht/index.html">繁体中文</option>
        </select></TD>
    </TR>
    <TR>
      <TD background=../img/logo-bg.jpg bgColor=#ffffff colSpan=2 
      height=26><TABLE cellSpacing=0 cellPadding=0 width=510 border=0>
          <TBODY>
            <TR>
              <TD width=10 height=17></TD>
              <TD vAlign=bottom width=500><A class=menu 
            href="../en/index.html">Home</A> <FONT 
            color=#ffffff>|</FONT> <A class=menu 
            href="../en/intro/intro.html">Features</A> <FONT 
            color=#ffffff>|</FONT> <A class=menu 
            href="../en/download.html">Download</A> <FONT 
            color=#ffffff>|</FONT> <A class=menu 
            href="../en/flash/faq.html">FAQ</A> <FONT 
            color=#ffffff>|</FONT> <A class=menu 
            href="../en/zc.html">Buy</A> <FONT 
            color=#ffffff>|</FONT> <A class=menu 
            href="http://bbs.egsoft.cn/">Forum</A> <FONT 
            color=#ffffff>|</FONT> <A class=menu 
            href="../en/about.html">Contact us</A></TD>
            </TR>
          </TBODY>
        </TABLE></TD>
    </TR>
  </TBODY>
</TABLE>
这个是Dreamweaver自动生成的页头library，点英文只能跳转到="../en/index.html，繁体只能到="../cht/index.html能不能实现这样的功能，比如我打开 aaa.html页面后，点英文跳转到="../en/aaa.html,繁体跳转到="../cht/aaa.html
谢谢。

Answer 1

可以,在select里加个方法 onchange=gotoPage(this.value)[code=JScript]
function gotoPage(page){  //注意转换下这里的page就行
   location.href=page
}

Answer 2

把当前的url解析一下
比如当前的url是http://......./.../aaa.htmlfunction MM_jumpMenu(targ,selObj,restore){ //v3.0
  var url = window.location.href;//有可能是parent.location.href,不了解实际情况，LZ根据情况决定
  url = url.substring(url.lastIndexOf("/")+1);  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+url+"'");
  if (restore) selObj.selectedIndex=0;
}
<select name="jumpMenu" id="jumpMenu" onChange="MM_jumpMenu('parent',this,0)">
<option value="../en/">English</option>
<option value="../">简体中文</option>
<option value="../cht/">繁体中文</option>
</select>

Answer 3

谢谢您，我不懂parent.location.href和window.location.href有什么区别，方便的话可以指教一二吗？很抱歉，这个问题我可能没有说清楚，因为页面很多，基本所有的页面都包含这个头部，而且分了一些目录，我不希望为每个目录都指定不同的页头，所以我希望能通用一些，比如比如我打开 aaa.html页面后，点英文跳转到="../en/aaa.html,繁体跳转到="../cht/aaa.html 
但是如果是打开的test/aaa.html页面后，点英文跳转到="../en/test/aaa.html,繁体跳转到="../cht/test/aaa.html 这样是不是不好实现？

Answer 4

可以实现
parent.location.href和window.location.href有什么区别?
-----
从字面意思就可以看出来，parent指的是上层窗口对象，window指的是本窗口对象你的页面URL的构成首先要有个规律，然后根据这个规律去解析URL
比如你的URL:
http://www.xxx.com/aaa.html
http://www.xxx.com/folder/aaa.html
解析URL时我要分别得到
aaa.html
folder/aaa.html其他部分的处理参考2楼
解吸URL可以根据特定规律，用正则或直接用字符串解析都可以
LZ可以把你网页URL规律贴下，我帮你写正则

Answer 5

规律该怎么写呢？
几个目录
/
/flah/
/intro/
/en/
/en/flah/
/en/intro/
/cht/
/cht/flah/
/cht/intro/其中
/
/en/
/cht/
包含的子目录和文件名都是相同的。
还有按您提供的html写好后，通过dreamweaver更新，子目录和根目录的html会有些变化，比如根目录下是
         <select name="jumpMenu" id="jumpMenu" onChange="MM_jumpMenu('parent',this,0)">
<option value="../en">English</option>
<option value="../">简体中文</option>
<option value="../cht">繁体中文</option>
        </select>
子目录下的文件会自动变成
          <select name="jumpMenu" id="jumpMenu" onChange="MM_jumpMenu('parent',this,0)">
<option value="../../en">English</option>
<option value="../../">简体中文</option>
<option value="../../cht">繁体中文</option>
        </select>

Answer 6

还有
/ 
/flah/ 
/intro/ 
目录里的文件用的library1
/en/ 
/en/flah/ 
/en/intro/ 
目录里的文件用的library2/cht/ 
/cht/flah/ 
/cht/intro/
目录里的文件用的library3
3个不同的库文件

Answer 7

这个是没问题的，应该是这个结果我说的URL是整个的URL，不是相对路径喔
比如
http://127.0.0.1:8080/index.html

Answer 8

http://www.egsoft.cn/
http://www.egsoft.cn/en/
http://www.egsoft.cn/cht/http://www.egsoft.cn/intro/intro.html
http://www.egsoft.cn/en/intro/intro.html
http://www.egsoft.cn/cht/intro/intro.html类似。

Answer 9

function MM_jumpMenu(targ,selObj,restore){ //v3.0
  var url = window.location.href;//有可能是parent.location.href,不了解实际情况，LZ根据情况决定
  var x = url.replace(/http\:\/\/[^\/]*\/(en\/|cht\/)?/i,"");相对路径
  var p = url.replace(/(http\:\/\/[^\/]*)\/.*/i,"$1");//前缀  eval(targ+".location='"+p+selObj.options[selObj.selectedIndex].value+x+"'");
  if (restore) selObj.selectedIndex=0;
}
所有文件中的select统一
<select name="jumpMenu" id="jumpMenu" onChange="MM_jumpMenu('parent',this,0)">
<option value="/en/">English</option>
<option value="/">简体中文</option>
<option value="/cht/">繁体中文</option>
</select>