iframe代码？iframe是个啥

编程之家2026-07-01697次浏览

各位老铁们好，相信很多人对iframe代码都不是特别的了解，因此呢，今天就来为大家分享下关于iframe代码以及iframe是个啥的问题知识，还望可以帮助大家，解决大家的一些困惑，下面一起来看看吧！

如何用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

如何向iframe中写入js代码让js在iframe中执行

1、首先，我们新建一个网页，用于进行演示，网页代码和效果如下图所示。

2、然后，为<button>按钮添加onclick事件，响应函数名的addiframeclick()。

3、再添加javascript脚本框架，并写出addiframeclick()函数的声明。

4、addiframeclick()函数的作用是为iframe框架添加onclick()事件。

5、当点击button按钮后，会给iframe框架添加onclick()事件，点onclick()事件的响应效果是，点击iframe框架弹出信息提示。

6、如果你想要让iframe框架添加的onclick()事件内容更加丰富，能够执行更多的动作，则只需在onclick()=function(){};的大括号内添加相应的代码即可。

HTML中iFrame标签有哪些用法

这次给大家带来HTML中iFrame标签有哪些用法，在HTML中iFrame标签用法的注意事项有哪些，下面就是实战案例，一起来看一下。

最近工作有个在项目-布兜收藏夹。简言之就是将喜欢的图片收藏到布兜页面上来，这其中用到了很多关于iframe的方面，总结如下：

1.作为弹出层铺底覆盖

大家如果做过那种黑色遮罩盖住整张页面，而碰巧用户用的是IE6，更碰巧的是页面上有select元素，那就有得头疼了（原理就不在这里赘述了）。我们会发现弹出的DIV没法遮住select,轮到我们的iframe出场了。逻辑如下：

与弹出p同级放入iframe

保证iframe的 z-index小于弹层p z-index

增加window resize和scroll事件,保证iframe能盖住整张页面

部分代码

var iframe= U.isie6()?'<iframe style="position:absolute;left:0;top:0;z-index:2000000;filter:Alpha(opacity=0); width:100%;height:'+ ds.height+'" frameborder="0"></iframe>':'';

$container.append(iframe).appendTo($body);2.跨域写入cookie

有 a.com和b.com两个domain。在某些条件下b的部分功能会出现在a页面上。有时需要操作a页面的时候对b.com domain的cookie做一些操作以方便用户下次访问。我们只需要在a页面加入一个iframe(动态或固定)即可，src属性指向b的一张代理页面，在这张页面执行cookie操作即可。

相信看了这些案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！