网页如何通过IFRAME嵌入另一个网页的一部分

分类 : Web前端

在之前的文章中,讲解了如何在自己做网站的网页中通过JS或者IFRAME调用其它网页的方法,但是有的学做网站论坛学员提出一个问题,通过这种方法是调用了其它网页的全部内容,如果想调用某个网页中的一部分,应该如何去操作呢?

如何在网页中IFRAME调用嵌入其它网页的一部分

调用某网页中的一部分也是可以实现的,我们调用全部网页的代码是:

将一个html页面中嵌入另一个html页面需要使用到iframe标签。 iframe标签用法: scrolling禁止鼠标滑动,frameborder嵌套页面边框,leftmargin左边距,topmargin上边距 扩展资料: 嵌入页面的几种方法: 一、应用框架技术 在页面中嵌入外部页面的

Iframe嵌套HTML网页的用法?比如说我有两个超链接,还有两个Message1.HTML和Message2.HTML页面 和两显示网页1 显示网页2 target关联框架名就可以了。

html页面中嵌套iframe标签,但不显示内容怎么回事...<iframe width="649" height="1166" src="table.html" frameborder="1" 你用的是相对路径,你的table.html文件和嵌套iframe的html文件是否在同一目录下,如果是,不可能不显示的。

<iframe width=”775″ height=”1600″ frameborder=”0″ scrolling=”no” src=”url”></iframe>

但如果希望要通过IFRAME调用的网页的一部分,尤其是网页中某个局部,就可以用下面的代码实现:

<table width=”560″ border=”0″ align=”center” cellpadding=”1″ cellspacing=”1″>
<tr>
<td>
<p align=”center” style=”margin-top: -109;margin-left: -109″>
<iframe width=”560″ height=”548″ src=”url” frameborder=”no” border=”0″ marginwidth=”0″ marginheight=”0″ scrolling=”no”></iframe>
</td>
</tr>
</table>

<strong>代码解释:</strong>

margin-top: -109表示顶部缩进109px;
margin-left: -109表示左边缩进109px;
至于右边和底部缩进,可以通过修改&lt;iframe&gt;的宽度和高度就可以了。

通过这样的代码和相应高度和宽度的修改,就可以实现调用网页小部分甚至一个局部了的作用了,完全可以满足我们在学习怎么做网站过程中要求的“页中页”的功能。

补充:

如果上面的代码不能实现调用部分页面的话,可以试一下下面的代码:

<div style=”width: 600px; height: 800px; overflow: hidden; margin-top: 20px; “>
<div style=”border: 1px solid; height: 43px; left: 340px; position: absolute; top: 778px;
width: 300px;background:url(mylogo.gif);”>
</div>
<iframe src=”https://www.xn.net/wenti/3749.html” width=”600px” height=”800px” style=”overflow: hidden; border:none;margin-top: -120px;”></iframe>
</div>

如果以上代码不能实现自己需要的效果,可以使用以下的代码来调用某网页的部分内容。(代码中的网站地址可以修改成自己调用的网站地址)

<div style="width: 230px; height: 310px; overflow: hidden; margin: 0px; ">
<iframe src="https://www.x.net/wenti/3749.html
width="980px" height="1430px" style="overflow: hidden; border: none;margin-top:-304px;margin-left:-740px;scrolling="no""></iframe>
</div>



相关文章

 


分类: Web前端    访问() .NET技术    Web前端    JAVA开发    HTML基础    数据库    CSS基础    电脑知识   
CSS教程-web前端教程-免费教程
HTML教程-web前端教程-免费教程


分类

.NET技术 Web前端 JAVA开发 HTML基础 数据库 CSS基础 电脑知识

随机阅读

ASP.Net中的async+await异步编程
网页特殊符号(HTML字符实体)大全
微信小程序setData局部刷新列表
html,css,javascript三者之间的相互关系是什么
mysql 多表查询 以及 concat 、concat_ws和 gr
Iframe嵌套HTML网页的用法?
Azure Cosmos DB (二) SQL API 操作
iframe嵌入网页的用法,HTML页面嵌入
怎样使用iframe,在网页中插入页面
如何配置 SQL Server 以允许远程连接


最新

div css隐藏内容样式方法
OPPO Reno3 Pro远程守护怎么使用?
XP系统里让IE支持多线程下载怎么设置
qq电脑管家温度检测在哪设置的? QQ电脑管家怎么测电脑的温度
win7禁用ie浏览器方法 win7怎么把桌面的ie隐藏
WinXP笔记本声卡驱动无法成功安装的解决方法
XP⁄Win7共享⁄连接打印机设置详细 xp怎
华为笔记本蓝屏错误0xcoooo428怎么解决
企业如何部署微软Windows 8? Windows 8的开发历史
华为mate9怎样解指纹密码?

推荐阅读

c语言中break语句的作用
vscode----vue中HTML代码tab键自动补全
undefined是什么意思啊
js 中日期 转换成时间戳 例如2013-08-30 转换为时间戳
DIV CSS字体(font-family)实现字体样式设置
C语言程序中break是什么意思?
C#语言之“string格式的日期时间字符串转为DateTime类型”
Mysql里表示布尔型的类型是什么
前端该怎么学?推荐一个学习路线!
sql中的modify语句,修改列属性

Copyright © 2017 CSS5.NET教程.CSS5 内容仅用于学习和测试参考。 css5.net All Rights Reserved 蜀ICP备15003849号-16