Dw中如何在某框架的子框架中显示指定页面
现有网页1、2。其中,网页1为普通网页;网页2为框架网页,含有顶、左、右3个框架部分,顶、左框架所显示内容基本固定不变,右框架则可以显示不同的网页内容。我的问题是,我想点...
现有网页1、2。其中,网页1为普通网页;网页2为框架网页,含有顶、左、右3个框架部分,顶、左框架所显示内容基本固定不变,右框架则可以显示不同的网页内容。我的问题是,我想点击网页1(普通网页)中的不同链接,跳转到网页2(框架网页)中并在右框架部分显示相应的网页内容。
如果是静态网页,该如何实现以上。
如果是动态网页,该如何实现以上。
可否在网页1的链接代码上实现。 展开
如果是静态网页,该如何实现以上。
如果是动态网页,该如何实现以上。
可否在网页1的链接代码上实现。 展开
1个回答
展开全部
下面代码是网页1 ,网页2(不过里面用的是行内框架,就是在网页2内有导航栏来点击然后再行内框架里显示不同的页面);关键是如何调用URL;
网页2:
<script type="text/javascript">
var searchStr = location.search;
var url = searchStr.split('=')[1];
url = parseInt(url);
window.onload= function(){
go(url);
}
function go(url){
var obj=document.getElementById('content');
switch (url)
{case 1:
obj.src='1.html';break;
case:2
obj.src='2.html';break;
}
}
这里是网页2里面的导航
<div align="center"><a href="javascript:;" onclick="go(1);"><strong>1</strong></a></div>
<div align="center"><a href="javascript:;" onclick="go(2);"><strong>2</strong></a></div>
下面是行内框架
<div class="middle" style="width:840px;height:auto;">
<iframe id="content" name="content" src="rankingall.html" width="100%" onLoad="iFrameHeight()" frameborder="0" scrolling="no" >不支持iframe</iframe>
</div>
虽然和框架布局不一样,但ID应该都有的;
网页1:
JS:
function gotoUrl(param,url){
/*alert(param);
alert(url);*/
window.location.href= url +'?param=' + param;
}
在要链接的地方:
<a href="javascript:gotoUrl('1','1.html')" >1</a>;
第一个1是代表你要链接到的是第几个页面;第二个1是代表你目前页面到第二页面的链接路径;
第三个1是代表 在何处链接;关键是调用路径;不知道能否有帮助,
网页2:
<script type="text/javascript">
var searchStr = location.search;
var url = searchStr.split('=')[1];
url = parseInt(url);
window.onload= function(){
go(url);
}
function go(url){
var obj=document.getElementById('content');
switch (url)
{case 1:
obj.src='1.html';break;
case:2
obj.src='2.html';break;
}
}
这里是网页2里面的导航
<div align="center"><a href="javascript:;" onclick="go(1);"><strong>1</strong></a></div>
<div align="center"><a href="javascript:;" onclick="go(2);"><strong>2</strong></a></div>
下面是行内框架
<div class="middle" style="width:840px;height:auto;">
<iframe id="content" name="content" src="rankingall.html" width="100%" onLoad="iFrameHeight()" frameborder="0" scrolling="no" >不支持iframe</iframe>
</div>
虽然和框架布局不一样,但ID应该都有的;
网页1:
JS:
function gotoUrl(param,url){
/*alert(param);
alert(url);*/
window.location.href= url +'?param=' + param;
}
在要链接的地方:
<a href="javascript:gotoUrl('1','1.html')" >1</a>;
第一个1是代表你要链接到的是第几个页面;第二个1是代表你目前页面到第二页面的链接路径;
第三个1是代表 在何处链接;关键是调用路径;不知道能否有帮助,
更多追问追答
追问
我明白你所有的行内框架的意思了,也实现了,虽然方法不同。但和我现在遇到的问题还是不太一样的。
网页1是网站的首页,网页2是网站的另一页。我想通过点击首页的不同链接,能直接跳转到网页2且在网页2的子框架中显示不同内容,子框架中显示的内容是网页3、4、5……。而不仅仅是通过网页2本框架的导航实现跳转。
这是示意图
追答
我贴你的代码是可以直接在首页1处点连接,在页面2个行内框架里直接显示对应的网页3、4、5啊,(不是只能链接到页面2再继续点)我不确定的是框架布局和行内框架调用URL是不是一样的,还有在页面1处做链接的时候要1;里面,('1','1.html')第一个就1就是你要调用的页面2,且只能是1 2 3 4 5排序下去,行内框架是一个个匹配的实现功能,这样可以,我不知道框架布局中,框架调用想要这样是不是也能实现
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询