如何在网页框架中JS动态打开超链接
我要一个网页分上下两部分框架，上部分有“上一页”“下一页”点上一页下一页时，在下面的框架中自动显示如1.html文件，而1.HTML文件是动态的，分别是1.html,2....
我要一个网页分上下两部分框架，上部分有“上一页”“下一页”点上一页下一页时，在下面的框架中自动显示如1.html文件，而1.HTML文件是动态的，分别是1.html,2.html,3.html……，这样在框架上部中第一次点下页时框架中显示2.html文件，第二次点时显示3.html……，点上一页时，依此类推，请求JS高手帮帮解决，求求了
展开
1个回答
展开全部
根据你的说法好像不用后台来决定跳转到哪个页面！？ 就是说可能在页面就能完成去向。
如果你那个 1.html,2.html,3.html……，不多的话，可以用我写的这个js跳转。
主要代码都在上框架的页面上的，所以我只贴上框架的页面代码。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script>
//存放你下框架页面的地址的列表
var webList = ["1.html", "2.html", "3.html"];
//用于锁定当前页面
var local = 0;
function goto(o, d){
if(d == "up"){
if(local -1 >= 0) {
o.href = webList[--local];
o.submit();
}else return;
}else{
if(local +1 < webList.length) {
o.href = webList[++local];
o.submit();
}else return;
}
o.href = "javascript:void(0)"
}
</script>
</head>
<body>
<p><a target="frame1" href="javascript:void(0)" onclick="goto(this, 'up')">上一页</a>，
<a target="frame1" href="javascript:void(0)" onclick="goto(this, 'down')">下一页</a></p>
</body>
</html>
>
如果你那个 1.html,2.html,3.html……，不多的话，可以用我写的这个js跳转。
主要代码都在上框架的页面上的，所以我只贴上框架的页面代码。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script>
//存放你下框架页面的地址的列表
var webList = ["1.html", "2.html", "3.html"];
//用于锁定当前页面
var local = 0;
function goto(o, d){
if(d == "up"){
if(local -1 >= 0) {
o.href = webList[--local];
o.submit();
}else return;
}else{
if(local +1 < webList.length) {
o.href = webList[++local];
o.submit();
}else return;
}
o.href = "javascript:void(0)"
}
</script>
</head>
<body>
<p><a target="frame1" href="javascript:void(0)" onclick="goto(this, 'up')">上一页</a>，
<a target="frame1" href="javascript:void(0)" onclick="goto(this, 'down')">下一页</a></p>
</body>
</html>
>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
