如何通过iframe调用其他页面的内容

　　我们在建站的时候经常会在页面出现同样的内容，比如公司简介之类的，这些东西很长，会减低网页的原创程度，相似度太高，对SE不是很友好。这时我们可以考虑把这部分内容写成一个单独的简单页面，然后通过iframe进行调用。

　　举个栗子，http://www.mjeyes.com/special/fm/页面中，中间蓝底的图文经常出现，那我们就直接调用

<iframe style="border:none;" src="http://www.mjeyes.com/fm.html" width="100%" height="1155px" frameborder="0" scrolling="no"></iframe>

　　我们在这个iframe的前后增加一些原创内容AB，爬虫不会抓取iframe，只抓取了AB，这样整体的页面内容质量会相对好一些。

　　还有一些网站为了提高用户体验，会采用双导航或多导航，这时他们就把这些小导航做成iframe形式也是一个好做法。从这个角度来想，是不是也可以把所有的底部footer都采取iframe调用呢？

<iframe width="100%" frameborder="0" scrolling="no" allowtransparency="true" style="height:3400px;position: absolute; left:0; top:-200px;height:3240px;" src="http://www.***.com/"></iframe>

 　　上面代码中 top:-200px表示从头部向下延伸200像素开始显示内容，这样可以不用看到那个网站的头部

时间： 2024-10-29 10:18:59

如何通过iframe调用其他页面的内容的相关文章

js中iframe调用父页面的方法_javascript技巧

本文实例讲述了js中iframe调用父页面的方法.分享给大家供大家参考.具体实现方法如下: 子页面调用父页面的方法在js中很容易实现.我们只需要在主页面加个函数,然后在子页面通过window.parent.方法()即可实现了 比如调用a()函数,就写成: 复制代码 代码如下: window.parent.a(); 但是我在chrome浏览器下却发现此方法无效了 复制代码 代码如下: //在父页面中调用该函数 <script> function dey() { var cards_frame=d

js中iframe调用父页面实现代码

比如调用a()函数,就写成:  代码如下 复制代码 window.praent.a(); 但是我在chrome浏览器下却发现此方法无效了 //在父页面中调用该函数  代码如下 复制代码 <script> function dey() { var cards_frame=document.frames("card-iframe");    //card-iframe为iframe的名字       cards_frame.checkedCard()             /

iframe调用父页面方法

1   window.parent.xxxxx();//xxxxx()代表父页面方法 具体列子如下,其中包括easyUI的右键和单击事件 parent.jsp body部分代码 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 <body class="easyui-layout"> <!-- 左侧目录 --> <div data-options="region:'west',

一个关于Iframe调用父页面中的脚本的问题

问题描述 父页面的脚本是通过<scriptsrc="http://domain/include.js"type="text/javascript"/>引入的假如include.js里有一个函数helloworld()请问在iframe的页面里如何才能调用该函数呢?注:不能使用execScript因为firefox不支持 解决方案 解决方案二:window.parent.helloworld();//这样行不?解决方案三:肯定不行啊,要不就不问了:(解决方

iframe调用父页面函数示例详解_javascript技巧

window.parent.xxxxx();//xxxxx()代表父页面方法 具体列子如下,其中包括easyUI的右键和单击事件 parent.jsp body部分代码 <body class="easyui-layout"> <!-- 左侧目录 --> <div data-options="region:'west',split:true,title:'主题',iconCls:'icon-arrowIn'" style="w

iframe 调用远程问题如何实现B完全加载完远程页面后A再刷新

问题描述 iframe 调用远程问题如何实现B完全加载完远程页面后A再刷新 A页面<iframe 调用远程页面B,如何实现B完全加载完远程页面后A再刷新? 我原代码这样的, <script type="text/javascript"> document.write('<div id="gd_cn"><span>正在加载内容,请稍候--</span><img src="../images/ajax

js调用iframe实现打印页面内容的方法

 这篇文章主要介绍了js调用iframe实现打印页面内容的方法,需要的朋友可以参考下 1.程序说明   1) 此程序可以实现选择页面中的区域进行打印,以iframe方式进行打印: 2) 与原生态的print() 区别在于,取消打印页面后可以完整保留当前访问页面的内容.   2.代码部分   1) JS 函数:  代码如下: function do_print(id_str)//id-str 打印区域的id { var el = document.getElementById(id_str); v

js调用iframe实现打印页面内容的方法_jquery

1.程序说明 1) 此程序可以实现选择页面中的区域进行打印,以iframe方式进行打印:2) 与原生态的print() 区别在于,取消打印页面后可以完整保留当前访问页面的内容. 2.代码部分 1) JS 函数: 复制代码 代码如下: function do_print(id_str)//id-str 打印区域的id{var el = document.getElementById(id_str);var iframe = document.createElement('IFRAME');var

iframe里面的页面调用父窗口,左右窗口js函数的方法

iframe里面的页面调用父窗口,左右窗口js函数的方法 实现iframe内部页面直接调用该iframe所属父窗口自定义函数的方法. 比如有A窗口,A内有个IFRAME B,B里面的装载的是C页面,这时C要直接调用A里面的一个自定义函数AFUN(); 那么只要在C页面中写如下JS函数就可以了: window.parent.AFUN(); 如果AFUN()有参数也可以直接传递合适的参数进去. 例如: 修改父窗口控件属性 window.parent.document.getElementById('