iframe框架嵌入一个网页(iframe嵌套的注意事项)

大家好，关于iframe框架嵌入一个网页很多朋友都还不太明白，不过没关系，因为今天小编就来为大家分享关于iframe嵌套的注意事项的知识点，相信应该可以解决大家的一些困惑和问题，如果碰巧可以解决您的问题，还望关注下本站哦，希望对各位有所帮助！

怎样使用iframe,在网页中插入页面

首先，我们使用DreamWeaver新建一个站点，将我们需要归纳到一个页面的网页都包含在这个站点里面。

2

然后我们找到一个需要嵌入页面的html文件，使用DW软件打开，找到需要插入页面的位置。

3

然后我们输入<iframe></iframe>标签。在前半个标签的里面，空格一下就会出现我们可以设置的属性。

4

我们需要设置src，即我们需要引用的页面的地址。并且，我们可以简单的设定一下我们的iframe框架的border以及是否有滚动条

5

除此之外，我们还应该设定这个iframe框架的宽度，一般来说我们都将其宽度设为100%，高度设为500px，由于在iframe标签内设置的宽和高都是具体值，我们需要给iframe一个class，然后设置style

6

这样一个iframe框架就嵌入到我们的网页当中了，我们可以按下ctrl+s，并按下F12，就可以在浏览器中查看效果图，我用红色框起来的部分就是我们嵌入的页面

如何用iframe代码显示调用网页的指定部分

以百度主页为例，去掉百度的Logo部分，代码与效果如下：

< html>

< head>

<title>Iframe标签显示目标网页的指定区域，方法1</title>

</head

< body>

< div align="center">

< iframe width="800" height="600" src="" scrolling="no" hspace="-100" vspace="-150"></iframe>

</div></body>

</html>

扩展资料：

Iframe的一些属性：

1、marginheight属性规定框架内容与框架的上方和下方之间的高度，以像素计。

2、maiginweidth属性规定框架内容与框架的左侧和右侧之间的高度，以像素计。

3、vspace y方向显示的区域，负值为从目标网页最上面开始截取的部分，正值为y值+从上部开始内容区域。

4、hsapce x方向显示的区域，负值为从目标网页左侧开始截图的部分，正值为x值+从左侧开始内如区域。

5、src目标网页的地址，可以为html，asp，文本等。

6、frameborder框架边框，0为无边框（画中画效果）。

参考资料来源：百度百科-iframe

如何将一个HTML页面嵌套在另一个页面中

将一个html页面中嵌入另一个html页面需要使用到iframe标签。

iframe标签用法：

<iframe src="你要嵌套的页面.html" frameborder="0" width="300" scrolling="No" height="200" leftmargin="0" topmargin="0"></iframe>

scrolling禁止鼠标滑动，frameborder嵌套页面边框，leftmargin左边距，topmargin上边距

扩展资料:

嵌入页面的几种方法：

一、应用框架技术

在页面中嵌入外部页面的方法是，在页面中包含外部页面的位置插入“< IFRAME name="XXX" width=X height=X frameborder=0 src="XXX.htm"></IFRAME>”语句即可。

如果想在嵌入的外部页面过长时不出现滚动条，在外部文件< body>标签中加入“scroll=no”或者在宿主页面< IFRAME>标签中加入“scrolling=no”即可。

但这样做会出现一个问题，就是宿主页面和外部页面背景色不同，这样会给人造成页面不是一个整体的感觉。这时，只要在引入的外部文件中使用和宿主页面相同的背景色就可以解决这一问题。

注意，如果您使用的是IE 5.5或以上版本的话，直接在标签< IFRAME>内设置属性allowTransparency="true"(即框架背景透明)即可。

二、使用Scriptlets组件技术

应用这种技术的方法是在宿主页面中包含外部页面的位置插入“< OBJECT style="border: 0px" type="text/x-scriptlet" data="XXX.htm" width=X Height=X></OBJECT>”语句即可。

在IE 5.0及以后版本中，scriptlets和Html组件(HTCs)被重新命名为Windows脚本编程组件(WSC)，其特点类似于上文所讲的框架技术。它有自己的不透明方形区域，并覆盖在宿主页面上，因此不能很平滑地用于具有纹理背景的宿主页面中，其工作方式类似于ActiveX控件，具有自己独立的事件、方法和属性。

三、使用脚本文件技术

document.write方法可以在宿主页面中输出内容，这样就可以通过在宿主页面中引入外部脚本文件来达到嵌入外部页面的目的。方法是在宿主页面中包含外部页面的位置插入“< SCRIPT language="JavaScript" src="import.js"></SCRIPT>”，然后对外部页面进行改造，将每一行内容写入document.write中，并另外保存在扩展名为js的新文件中。

这种方法的特点是外部页面不具有自己的方形区域，和宿主页面浑然一体，但由于外部页面内容全部写在脚本中，无法做到所见即所得，必须等到脚本运行时才能看到实际效果，这样就为修改调试增加了困难。

参考资料来源：百度百科:内嵌框架

如果你还想了解更多这方面的信息，记得收藏关注本站。