`
liuleigang
  • 浏览: 54696 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

iframe使用总结

    博客分类:
  • AJAX
阅读更多
<iframe>是框架的一种形式,也比较常用到。

  例子1。

<iframe width=420 height=330 frameborder=0 scrolling=auto src=URL></iframe>

不用多说了。

  width插入页的宽;height插入页的高;scrolling 是否显示页面滚动条(可选的参数为 auto、yes、no,如果省略这个参数,则默认为auto);frameborder  边框大小;

  注意:URL建议用绝对路径

  传说中百DU用:<iframe width=0 height=0 frameborder=0 scrolling=auto src=WWW .webjx.com></iframe>
黑了88*8。。。

  例子2。

  如果一个页面里面有框架。。随便点页面里的连接,要求在这个<iframe> 里打开。在iframe 中加入name=** (**自己设定)

<iframe name=**  ></iframe>

  然后在修改默认打开模式,:网页HEAD中加上<a href=URL target=**>或部分连接的目标框架设为(**)

  例子3。

  要插入一个页面。要求只拿中间一部分。其他的都不要。,。。

  代码:

<iframe name=123  align=middle marginwidth=0 marginheight=0 vspace=-170 hspace=0 src="http://www.webjx.com/"  frameborder=no scrolling=no  width=776  height=2500></iframe>

  控制插入页被框架覆盖的深度 marginwidth=0 marginheight=0;控制框架覆盖上部分的深度 vspace=-170

  scrolling滚动条要否(auto、yes、no)   frameborder框架的边框大小,width=776  height=2500此框架的大小。

  一、页面内加入iframe

<iframe width=420 height=330 frameborder=0 scrolling=auto src=URL></iframe>,
scrolling表示是否显示页面滚动条,可选的参数为auto、yes、no,如果省略这个参数,则默认为auto。

  二、超链接指向这个嵌入的网页,只要给这个iframe命名就可以了。方法是<iframe name=**>,例如我命名为aa,写入这句HTML语言<iframe width=420 height=330 name=aa frameborder=0 src=http://www.cctv.com></iframe>,然后,网页上的超链接语句应该写为:<a  href=URL target=aa>

  三、如果把frameborder设为1,效果就像文本框一样

  透明的IFRAME的用法

  必需IE5.5以上版本才支持

  在transparentBody.htm文件的<body>标签中,我已经加入了style="background- color=transparent" 通过以下四种IFRAME的写法我想大概你对iframe背景透明效果的实现方法应该会有个清晰的了解:

<IFRAME ID="Frame1" SRC="transparentBody.htm" allowTransparency="true"></IFRAME>

<IFRAME ID="Frame2" SRC="transparentBody.htm" allowTransparency="true" STYLE="background-color: green"> </IFRAME>

<IFRAME ID="Frame3" SRC="transparentBody.htm"></IFRAME>

<IFRAME ID="Frame4" SRC="transparentBody.htm" STYLE="background-color: green"> </IFRAME>
分享到:
评论

相关推荐

    使用iframe在网页中嵌入其他网页的方法

    总结来说,`iframe`是一个强大的网页设计元素,它可以方便地将其他网页内容嵌入到当前页面中,通过调整其属性,可以实现定制化的展示效果。然而,在使用`iframe`时,也需要考虑到潜在的技术限制和用户体验因素。对于...

    如何使用iframe

    总结,`iframe`是HTML中一个强大的工具,它能够帮助我们实现页面内容的多样化和模块化。然而,在使用时需要注意其潜在的性能和兼容性问题,合理利用可以极大地提升网页的功能性和用户体验。学习并熟练掌握`iframe`,...

    使用iframe实现点击导航无刷新切换页面

    在网页设计中,为了提供更好的用户体验,我们常常需要在...总结,通过结合`iframe`和Bootstrap,我们可以创建一个无刷新切换页面的导航系统,提高用户体验。然而,我们也需要关注性能和安全性,确保应用的稳定和可靠。

    使用Iframe实现TAB页面切换

    总结来说,使用Iframe实现TAB页面切换是一种常见的网页设计手法,它结合HTML、CSS和JavaScript,可以有效地组织和展示内容。在实际应用中,结合Spring框架的Web服务,可以构建出功能丰富的交互式用户界面。

    iframe跨域常用问题和iframe页面自适应

    在网页开发中,`iframe`...总结,理解和掌握`iframe`的跨域解决方案以及自适应策略,对于开发高效且用户体验良好的Web应用至关重要。在实际应用中,还需要注意安全性、性能优化等问题,以提供更优质的网页服务。

    js处理iframe的系列问题

    // 也可以使用getElementById window.frames["ifrMapCompanyDetails"].document.getElementById("txtAddress").value = '地址'; ``` #### 3. 在服务器端设置`iframe`内部元素的值 有时候我们可能需要在服务器端...

    iframe自适应高度和宽度

    在上面的例子中,使用了`onload`事件来监听`iframe`内容加载完成,然后通过`document.all['myframe']`获取到`iframe`元素,并通过`myframe.document.body.scrollHeight`获取内部文档的实际高度,最后将这个高度设置...

    iframe对另一个iframe控制的Demo

    至于隐藏和重现iframe,可以使用JavaScript的`style.display`属性。将`display`设置为`none`可以隐藏iframe,设置为`block`则使其重新显示: ```javascript var leftIframe = document.getElementById('leftIframe'...

    lhgdialog文件加跨iframe框架使用

    总结来说,lhgDialog结合跨iframe框架使用,需要理解JavaScript的跨域通信机制,利用`window.postMessage`来传递对话框的配置信息,然后在子页面中监听并处理这些信息,从而实现在iframe内打开lhgDialog的功能。...

    iframe中页面显示不全1

    总结一下,解决"Iframe中页面显示不全"的问题,需要关注以下几点: 1. 确保`&lt;iframe&gt;`的`width`和`height`属性设置正确,至少应与嵌入内容的尺寸相匹配。 2. 在`&lt;div&gt;`中嵌套`&lt;iframe&gt;`时,调整`&lt;div&gt;`的尺寸以容纳`...

    iframe里无右键菜单

    总结来说,禁用`iframe`内的右键菜单主要涉及`iframe`元素的选择和`contextmenu`事件的监听与处理。通过JavaScript的事件监听和事件处理函数,我们可以轻松实现这一功能,提供更安全、可控的用户体验。

    iframe框架\JS获取iframe元素

    本文将详细介绍如何使用JavaScript来获取`iframe`元素,并进行相关的操作,包括在不同浏览器环境下的兼容性处理。 #### 二、IE下访问操作`iframe`内容 在Internet Explorer浏览器中,可以通过多种方式来访问`iframe...

    div被iframe遮住的几种情况及解决方法

    总结起来,解决DIV被IFRAME遮挡的方法有多种,从调整DIV的CSS样式,到调整IFRAME元素本身的属性,再到通过参数控制IFRAME的显示方式,都可以尝试。当然,在设计页面布局时,建议尽量避免复杂的层次结构,并且注意...

    可以左右拖动的iframe框架

    **总结** "可以左右拖动的iframe框架"是网页开发中的一种实用技巧,它结合了iframe的功能性和JavaScript的交互性,为用户提供了一种个性化的浏览体验。通过理解和应用这些知识点,开发者可以创建出更加动态、用户...

    iframe与父页面传值(方法互调)

    在`iframe`内的页面,我们可以使用`parent`对象来访问父页面的全局变量和函数。例如,如果在`iframe`内想要调用父页面的一个名为`parentFunction`的函数,可以这样写: ```javascript parent.parentFunction(); ```...

    JQUERY实现iframe页面切换功能

    总结,通过以上步骤,我们可以利用jQuery轻松实现iframe页面的切换功能。这种方法不仅可以提供灵活的内容展示,还可以优化页面性能,因为只需要加载用户当前关注的内容。在实际项目中,可以根据需要进行调整,例如...

    js下判断 iframe 是否加载完成的完美方法.docx

    由于 iframe 的加载过程是异步的,因此我们需要使用合适的方法来判断 iframe 是否加载完成。本文将介绍几种判断 iframe 是否加载完成的方法。 方法一:使用 onload 事件 在 HTML 中,iframe 元素支持 onload 事件...

    iframe自适应高度js demo

    总结一下,实现`iframe`自适应高度的关键在于: 1. 使用JavaScript动态获取`iframe`内容的`scrollHeight`。 2. 在`iframe`的`onload`事件中调用更新高度的函数。 3. 跨域情况下,利用`postMessage`和`message`事件...

    iframe框架的多种刷新方法总结

    适合用于iframe框架集的几种页面刷新方法,局部刷新,动态刷新, window.location.herf的刷新方式

    flex IFrame控件的配置使用详细过程

    ### Flex IFrame 控件配置与使用详解 #### 一、引言 随着Web技术的发展,Flex作为一种强大的RIA(Rich Internet Application)开发框架,被广泛应用于构建高性能的富互联网应用。然而,在某些场景下,需要在Flex...

Global site tag (gtag.js) - Google Analytics