Question

从首页跳转到另外一个页面的对应项目的javascript语句怎么写？

可能说得有点听不懂，就是比如index.html页面下有“张三”，“李四”，“王五”这几项目，点击“张三”会跳转到case.html页面下的“张三”项目，然后会看到“张三”的个人信息等具体情况。点击“李四”，“王五”也要一样的效果。前提是只有一个case.html页面。就是不知道javascript语句怎么获取值，使跳转的时候能连接到对应的项目。积分有点少，见怪了！

<li id="one1" onclick="setTab('one',1,16)" class="hover">张三</li>
<li id="one2" onclick="setTab('one',2,16)" >李四</li>
<li id="one3" onclick="setTab('one',3,16)" >王五</li>

<script>
<!--
function setTab(name,cursel,n){
for(i=1;i<=n;i++){
var menu=document.getElementById(name+i);
var con=document.getElementById("con_"+name+"_"+i);
menu.className=i==cursel?"hover":"";
con.style.display=i==cursel?"block":"none";
}
}
-->
</script>

Answer 1

需要用到“html中锚点定位”：
1、在index.html页面的“张三”、“李四”、“王五”上都加上<a>,如下：
<a href="case.html#tab1">张三</a>
<a href="case.html#tab2">李四</a>
<a href="case.html#tab3">王五</a>

2、在case.html页面的“张三”、“李四”、“王五”上分别加上对应的id="tab1"和name="tab1",id="tab2"和name="tab2",id="tab3"和name="tab3"，如下：
<div id="tab1" name="tab1">张三</div>
<div id="tab2" name="tab2">李四</div>
<div id="tab3" name="tab3">王五</div>

追问

那javascript语句就可以不写了吗？我先试试哈

追答

对的，js代码可以不用写了！

追问

你说的好像不行啊，上图是case.html页面，这个是要鼠标点击，才能显示右边的内容，应该是要onclick触发

追答

那你index.html页面是怎样的呢？能附上图片具体说明下，你想实现怎样的效果吗？

追问

下图是index.html页面，想实现的效果是点击index.html页面的各个项目，对应链接到case.html页面下的项目，比如我点击index.html的“微吧”，跳转到case.html的“微吧”，如上图所示。

追答

1、在index.html页面:在"微吧"上加跳转到“case.html页面”的链接并加参数传过去，类似：case.html?tab=1 这个链接。
2、在case.html页面：
获取参数的方法，可以参照如下：

利用split函数来按参数切成数组

urlinfo=window.location.href; //获取当前页面的url
len=urlinfo.length;//获取url的长度
offset=urlinfo.indexOf("?");//设置参数字符串开始的位置
newsidinfo=urlinfo.substr(offset,len)//取出参数字符串 这里会获得类似“tab=1”这样的字符串
newsids=newsidinfo.split("=");//对获得的参数字符串按照“=”进行分割
newsid=newsids[1];//得到参数值
alert("您要传递的参数值是"+newsid);

Answer 2

$("<a href='case.html?name=“+con.value()+”>").click();

追问

这个是用php或asp传值的吗？页面都是静态的可以吗？

追答

静态也可以，case.html中用 window.location获取url，再把请求参数截取出来。
或者直接用 window.location.search 就能得到 "?name=xxxxx" 然后自己再处理