怎么让页面在指定的框架中显示

发布网友发布时间：2024-10-03 00:41

共1个回答

热心网友时间：2024-10-21 12:47

下面代码是网页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是代表在何处链接；关键是调用路径；不知道能否有帮助，