function changeframe()
{
var workspace = document.getElementById('workspace');
var navigator = getOs();
//让滚动条回到页面上方。
(document.documentElement && document.documentElement.scrollTop)?document.documentElement.scrollTop=0 : document.body.scrollTop=0;
if("Firefox" == navigator)
{
alert(workspace.height);
alert(workspace.width);
workspace.height=window.frames["workspace"].document.body.scrollHeight;
workspace.width=window.frames["workspace"].document.body.scrollWidth;
alert(workspace.height);
alert(workspace.width);
}
else
{
// alert(workspace.style.height);
// alert(workspace.style.width);
//alert('window.frames[workspace].document.body.scrollTop'+window.frames["workspace"].document.body.scrollTop);
alert('window.frames[workspace].document.body.scrollHeight'+window.frames['workspace'].document.body.scrollHeight);
alert('workspace.document.body.scrollHeight'+workspace.document.body.scrollHeight);
var height = window.frames['workspace'].document.body.scrollHeight;
// allPrpos(document.getElementById('content-container').style);
document.getElementById('regionB').style.height = height+100;
// allPrpos(document.getElementById('regionB').style);
workspace.style.height = height;
workspace.style.width=window.frames['workspace'].document.body.scrollWidth;
// allPrpos(workspace.style);
document.documentElement.scrollTop = 0;
alert(workspace.style.height);
alert(workspace.style.width);
}
}
function allPrpos(obj) {
var props = "";
for(var p in obj){
if(typeof(obj[p])=="function"){
obj[p]();
}else{
props+= p + "=" + obj[p] + "\t";
}
}
alert(props);
}
function getOs()
{
var OsObject = "";
if(navigator.userAgent.indexOf("MSIE")>0) {
return "MSIE";
}
if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){
return "Firefox";
}
if(isSafari=navigator.userAgent.indexOf("Safari")>0) {
return "Safari";
}
if(isCamino=navigator.userAgent.indexOf("Camino")>0){
return "Camino";
}
if(isMozilla=navigator.userAgent.indexOf("Gecko/")>0){
return "Gecko";
}
}
但是如果iframe里面嵌套iframe我们该怎么办呢?请看附件
分享到:
相关推荐
标题提到的问题是关于如何动态调整`iframe`的高度以适应其内部内容的高度,以避免滚动条的出现或者内容被截断。以下将详细解释这个过程。 1. **`iframe`基本结构**: `iframe`标签用于创建一个独立的浏览器窗口,...
3. **IFrame优化**:如何避免SEO问题,使用`<noscript>`标签,以及处理滚动同步、加载性能优化等。 4. **前端路由**:如果IFrame被用来加载多个页面,那么前端路由的概念可能会涉及到,比如使用React Router或Vue ...
本项目 "[php]ifame仿ajax图片上传预览,兼容IE\FF\Chrome" 提供了一种利用iframe技术实现跨浏览器兼容的图片上传预览方案。以下是关于这个项目的一些关键知识点和详细说明: 1. **Iframe(内联框架)**:Iframe是一...
这种额外的数值是为了消除不同浏览器中可能出现的滚动条或边框的空间。 5. 最后,将计算出的高度赋值给Iframe自身的`style.height`属性和其父元素的`style.height`属性,从而实现了高度的自适应。 为了确保在页面...
在网页开发中,有时我们需要通过弹出窗口与主页面进行交互,特别是在涉及到多个页面嵌套时,例如使用`iframe`元素。... 在某些场景下,我们可能需要在弹出窗口操作完成后,更新父页面中`iframe`的内容。...
跨域iframe通信是一种在不同源的页面之间进行数据交换的技术,它主要涉及到浏览器的同源策略。同源策略是浏览器为了安全而实施的一种机制,它限制了来自不同源的JavaScript代码之间的交互,防止恶意网站窃取用户信息...
在Web开发中,安全问题始终是不容忽视的重要环节之一。对于用户提交的数据,如果不加以处理就直接展示在页面上,很容易导致XSS(跨站脚本攻击)等安全问题的发生。... ... 1. **`<script>`**:此标签用于嵌入客户端脚本...
利用bootStrap开发的Tabs+iframe框架 非常实用,网上很少,不可多得的web网页框架资源
"smartcampus.vas.ifame.android" 是一个针对安卓平台的应用程序,旨在为用户提供特伦托地区的门萨体验。从标题来看,我们可以推测这是一款与智慧校园或智能社区相关的应用,可能集成了各种服务和功能,如学习资源、...
项目中遇到的一个浏览器不兼容问题: 在IE和Firefox下直接在ifame框架页的父窗口用子窗口的name调用子窗口的js函数都好使,在Chrome下不好使。 代码如下: <frameset rows=”108,*,30″ border=”0″ frameSpacing...
- `scrolling`:设置是否显示滚动条,可选值有`yes`、`no`和`auto`。 - `name`:为iframe定义一个名称,用于在表单提交时指定目标框架。 ### iframe的挑战与解决方案 - **SEO问题**:搜索引擎可能无法正确索引...
利用CAS整合多个系统的问题与方案 利用CAS提供统一的登录入口,还需要定制登录界面,让用户可以选择使用那个系统的帐户进行登录。 由于登录界面发生改变,请求参数增加了账号所在的系统名称,所以,登录凭据也不能...
layui后台模板iframe+单页,下载后参考文本说明使用. 包含大部分常用的 layUI 小例子以及其他网站多个前端常用插件如日期,分页,图片懒加载等等近二十个例子 仅供学习使用, 商用请购买正版.
### C# WinForm 实现类似 iframe 的控件技术解析 #### 概述 ...而在Windows桌面应用开发中,虽然没有直接对应的`iframe`技术,但可以通过一定的技巧实现类似的功能。本文将基于提供的描述和内容,详细介绍如何在C# ...
**jQuery 操作 iframe 的详细指南** 在网页开发中,`iframe` 用于嵌入外部页面或者创建页面分隔,使得内容展示更为灵活。jQuery 提供了一系列的方法,方便开发者对 `iframe` 进行操作。本篇文章将深入讲解如何使用 ...
在网页设计中,`iframe` 是一种非常有用的元素,它允许我们在一个页面中嵌入另一个网页。当有多个 `iframe` 并存时,可能会出现重叠或者层级问题,特别是当其中某个 `iframe` 中有一个需要突出显示的 `div` 元素时。...
后台模板框架iframe是一种常见的网页开发技术,主要用于构建复杂的Web应用程序。...这个框架通常被用于后台管理系统,以提高用户体验和效率。 在描述中提到的“后台模板框架”,是专门为后端管理界面设计的一种布局和...