thinkphp中如何实现类似frame框架的效果？

发布于
2017-03-02

例如，我点击newslist时页面无刷新在右侧呈现的是新闻列表，goodslist呈现的是商品列表。
用frame做的时候可以分别做header控制器、left控制器、right控制器，用src就可以包含进来，
如果用ajax的话，怎么做呢？

php thinkphp

阅读 6.8k

5 个回答

得票最新

bit_2016

发布于
2017-03-02

新手上路，请多包涵

同问，最近在做一个后台。每次点击导航栏都会整个页面刷新。

咸鱼看世界

96524257364

发布于
2017-03-02

更新于
2017-03-02

内容区域直接用 <iframe id="MainIframe" name="MainIframe" scrolling="yes" src="" noresize="" height="100%" frameborder="0" width="100%"> </iframe>
点击newslist或goodslist时获取你要显示的内容的url路径。通过JS把url赋值给<iframe>里的src="xxx.html"
如：
$("#newslist").click(function(){

 url  //要显示的内容的url
 parent.MainIframe.location = url;

})

agui1989

4.6k16153196

发布于
2017-03-02

更新于
2017-03-02

与tp无关，我个人是不太喜欢用iframe的。
用tp做后台可以用布局，或者直接include公共文件也可以。
当然，也可以考虑直接通过ajax获取数据，模板通过vue.js来实现。

但如果要用iframe的话，记忆中可以不用js实现修改iframge的src属性的方法，于是百度了一下，给个demo:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
<style>
.col{float:left;}    
</style>    
</head>
<body>
<div class="col" style="width:20%;">
    <ul>
        <li><a href="http://www.baidu.com" target="to">百度一下</a></li>
        <li><a href=""></a></li>
        <li><a href=""></a></li>
        <li><a href=""></a></li>
        <li><a href=""></a></li>
    </ul>
</div>
<div class="col" style="width:80%;">
<iframe src="" frameborder="0" name="to" style="width:100%;height:100%;"></iframe>    
</div>
    
</body>
</html>

导航里的a标签加个target="name"
iframe加个name="name"
就可以了。