`
sbiigu
  • 浏览: 163935 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

iframe auto height

阅读更多
<script type="text/javascript">
   function SetCwinHeight(iframeObj){
    if (document.getElementById){
     if (iframeObj && !window.opera){
      if (iframeObj.contentDocument && iframeObj.contentDocument.body.offsetHeight){
       iframeObj.height = iframeObj.contentDocument.body.offsetHeight;
      }else if(document.frames[iframeObj.name].document && document.frames[iframeObj.name].document.body.scrollHeight){
       iframeObj.height = document.frames[iframeObj.name].document.body.scrollHeight;
      }
     }
    }
   }
   </script>
   <iframe width="100%" name="frameContent" onload="SetCwinHeight(this)" frameborder="0" src="*"></iframe>
分享到:
评论

相关推荐

    前端项目-set-iframe-height.zip

    例如,可以设置`iframe`的初始高度为`auto`,然后在JavaScript处理完成后更新其高度。 3. **HTML 文件**:主页面包含`iframe`元素,并引用上述的JavaScript和CSS文件。`iframe`的`src`属性指向需要加载的跨域页面。...

    iframe根据页面内容自适应高度和宽度

    1. **CSS属性**:`iframe`的`style`属性可以设置`height`和`width`为`auto`或`100%`,但这种方法通常不足以实现完全自适应,因为浏览器的安全策略会限制跨域访问内容的高度和宽度信息。 2. **JavaScript**:使用...

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

    1. **宽度和高度设置**:确保`iframe`元素的`width`和`height`属性设置正确。可以设置为百分比,使其相对于包含它的容器自适应,如: ```html &lt;iframe src=...

    iframe内容高度 iframe自适应高度终极解决Iframe设置高度后无法缩小问题

    `src`属性用于指定要嵌入的页面URL,`width`和`height`属性分别定义了`&lt;iframe&gt;`的宽度和高度。`scrolling`属性可以设置为`"yes"`、`"no"`或`"auto"`,控制是否显示滚动条。而`onload`事件则可以在`&lt;iframe&gt;`内容...

    iframe自适应高度和宽度

    &lt;iframe name="myframe" src="myframe.htm" frameborder="0" scrolling="auto" width="100%" height="100%" onload="document.all['myframe'].style.height = myframe.document.body.scrollHeight + 'px';"&gt; &lt;/...

    iframe中页面显示不全1

    `src`属性指定要加载的URL,`width`和`height`分别定义了iframe的宽度和高度。这些属性对于正确显示内容至关重要,因为如果iframe的尺寸小于嵌入页面的实际尺寸,就会出现显示不全的情况。 为了在`&lt;div&gt;`中嵌套`...

    iframe自动适应高度

    设置`iframe`所在的网格项为`auto-fill`或`auto-fit`,并设置`minmax(0, auto)`来让`iframe`自动扩展。 ```css .iframe-container { display: grid; grid-template-columns: 1fr; grid-template-rows: auto; }...

    iframe框架使用(完美版)

    3. **CSS Flexbox或Grid布局**:在现代浏览器中,可以利用CSS布局技术,如Flexbox或Grid,设置`iframe`的高度为`auto`,并让其父元素自适应调整。 描述中的“封装js”可能是指将上述处理iframe自适应高度的逻辑封装...

    asp.net 中使用iframe动态加载页面

    &lt;IFRAME id="frame1" src="SourcePage.extension / URL of the external Site" scrolling="auto" runat="server"&gt;&lt;/IFRAME&gt; ``` 其中,src 属性指定了要加载的外部页面或资源的 URL。 Step 2:在代码隐藏文件中声明...

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

    &lt;iframe src="目标URL" width="宽度" height="高度" frameborder="边框" marginwidth="外边距宽度" marginheight="外边距高度" scrolling="滚动条" allowtransparency="透明度"&gt;&lt;/iframe&gt; ``` 1. `src` 属性:这是`...

    完全搞定iframe(框架)里的滚动条.doc

    iframe.style.height = iframe.contentWindow.document.body.scrollHeight + 'px'; } } // 假设iframe的ID为'SellMoney' adjustIframeHeight('SellMoney'); ``` #### 注意事项 - 不同浏览器对iframe的支持有所...

    关于iframe的用法

    其中,`src`属性指定要加载的网页URL,`width`和`height`分别定义了iframe的宽度和高度。 ### iframe的应用场景 1. **内容聚合**:网站可以使用iframe展示来自不同来源的内容,如新闻、天气预报或者社交媒体动态。 ...

    外部滚动条控制iframe

    - `auto`:浏览器自动决定是否显示滚动条(默认值)。 - `yes`:强制显示滚动条,无论内容是否超出。 - `no`:禁止显示滚动条,内容超出部分不可见。 在尝试外部控制iframe滚动之前,理解这些默认行为至关重要,...

    ASP.NET iframe 的通用用法

    &lt;iframe src="http://www.example.com" width="420" height="330" frameborder="0" scrolling="auto"&gt; &lt;/iframe&gt; ``` ##### 示例 2: 隐藏边框并禁用滚动条 ```html &lt;iframe src=...

    iframe自适应高度的简单解决办法

    &lt;iframe src="http://example.com" width="100%" height="auto"&gt;&lt;/iframe&gt; ``` 这里的`src`属性指定了要加载的页面地址,`width`和`height`属性分别定义了`iframe`的宽度和高度。在默认情况下,`height`通常需要一...

    iframe自适应高度 .txt

    - `scrolling`:用于控制`&lt;iframe&gt;`内部是否显示滚动条,取值有`auto`、`yes`、`no`。 3. **JavaScript**:通过JavaScript可以动态地改变`&lt;iframe&gt;`的高度,从而实现自适应效果。 #### 三、实现方法 ##### 方法一...

    ios 不支持 iframe 的完美解决方法(兼容iOS&安卓)

    iframe.setAttribute('scrolling', 'auto'); document.body.appendChild(iframe); ``` 而对于iOS设备,由于存在上述问题,可以选择直接进行页面跳转,避免使用`iframe`。例如: ```javascript if (isiOS) { ...

    IFrame语法小全

    &lt;iframe src="URL" width="x" height="x" scrolling="[OPTION]" frameborder="x"&gt;&lt;/iframe&gt; ``` - `src`:指定要嵌入的文档的URL地址。 - `width` 和 `height`:分别指定IFrame的宽度和高度。 - `scrolling`:设置...

    网页制作中Iframe自适应高度的解决办法

    &lt;iframe src="http://example.com" width="100%" height="auto" frameborder="0"&gt;&lt;/iframe&gt; ``` `src`属性定义了要嵌入的页面地址,`width`和`height`分别定义了Iframe的宽度和高度,`frameborder`用来设置边框是否...

    自学Iframe框架

    &lt;iframe src="example.html" width="600" height="400" scrolling="auto"&gt;&lt;/iframe&gt; ``` ##### 4. allowtransparency - **属性**: 控制Iframe背景是否透明。 - **取值**: true 或 false。 - **示例**: ```html ...

Global site tag (gtag.js) - Google Analytics