关于Iframe框架如何指定网页位置嵌套的实例代码分享

来源：动视网责编：小采时间：2020-11-27 15:28:52

关于Iframe框架如何指定网页位置嵌套的实例代码分享

关于Iframe框架如何指定网页位置嵌套的实例代码分享:插入嵌入页的关键代码是<iframe align=middle marginwidth=0 marginheight=0 src="http://www.hao123.com" frameborder=0 width=660 height="800" scrolling=no vspace=-200

推荐度：

点击下载本文 文档为doc格式

导读关于Iframe框架如何指定网页位置嵌套的实例代码分享:插入嵌入页的关键代码是<iframe align=middle marginwidth=0 marginheight=0 src="http://www.hao123.com" frameborder=0 width=660 height="800" scrolling=no vspace=-200

插入嵌入页的关键代码是

<iframe align=middle marginwidth=0 marginheight=0 src="http://www.hao123.com" frameborder=0 width=660 height="800" scrolling=no 
vspace=-200
></iframe>

　　http://www.hao123.com是被嵌入的页面文件名，这个页可不能忘记上传，标签< Iframe >的作用相当于在网页的指定位置开了一个窗口，窗口的宽度就是“width"的值，窗口的高度就是“height"的值，一般情况下应与所在单元格的大小一致。标签< Iframe >还有一些可用的参数设置如下：
　　marginwidth:网页中内容在表格右侧的预留宽度；例如：marginwidth="20"，单位是pix，下同。
　　marginheight:网页中内容在表格顶部预留的高度；
　　hspace:网页右上角的的横坐标；
　　vspace:网页右上角的纵坐标；
　　frameborder:是否显示边缘，填“1"表示“是”，填“0"表示“否”，默认值是“1"；
　　scrolling:是否出现滚动条，填“1"表示“是”，填“0"表示“否”，默认值是“1"；
这个 vspace=-200就是关键的属性啦，

用iframe调用网页的指定部分2010-10-25 22:38

目前尚未找到按坐标来控制的办法，只有采用按顶、左、右边跑的方法来控制，因此要制作一个文件来完全调用目标网页内容，然后再在需要调用指定内容的地方使用iframe代码调用。
首先建立一个完全调用目标网页的文件，命名为files.html，代码如下：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<body>
 <iframe src="目标网址" width="980" height="700" frameborder="0" scrolling="no" style="position: absolute; top: -120px; left: -680px;"></iframe>
</body>
</html>

这个页面用iframe框架引用了目标页面，并且用CSS定位设定了框架浮动位置(top: -120px; left: -680px)。当然也可以按右边距控制，如right:680px，距离大小可以根据情况调整，直到调整到合适的位置。

然后在需要调用目标内容的文件中合适的位置放入以下代码：

<iframe src="files.html" width="300" height="230" frameborder="0" scrolling="no"></iframe>

高宽可以根据情况调整，为了使调用的内容正常、正确显示的我们设定的位置，大家可以修改files.html里的边距控制量以达到最佳效果

关于Iframe框架如何指定网页位置嵌套的实例代码分享

推荐度：

点击下载本文 文档为doc格式

标签：位置页面网页

热门焦点

关于Iframe框架如何指定网页位置嵌套的实例代码分享

关于Iframe框架如何指定网页位置嵌套的实例代码分享

关于Iframe框架如何指定网页位置嵌套的实例代码分享

最新推荐

猜你喜欢

热门推荐