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

ifame 去滚动条

阅读更多
	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我们该怎么办呢?请看附件
分享到:
评论

相关推荐

    IFame

    3. **IFrame优化**:如何避免SEO问题,使用`<noscript>`标签,以及处理滚动同步、加载性能优化等。 4. **前端路由**:如果IFrame被用来加载多个页面,那么前端路由的概念可能会涉及到,比如使用React Router或Vue ...

    [php]ifame仿ajax图片上传预览,兼容IE\FF\Chrome

    本项目 "[php]ifame仿ajax图片上传预览,兼容IE\FF\Chrome" 提供了一种利用iframe技术实现跨浏览器兼容的图片上传预览方案。以下是关于这个项目的一些关键知识点和详细说明: 1. **Iframe(内联框架)**:Iframe是一...

    Iframe框架自动适应高度示例详解.pdf

    这种额外的数值是为了消除不同浏览器中可能出现的滚动条或边框的空间。 5. 最后,将计算出的高度赋值给Iframe自身的`style.height`属性和其父元素的`style.height`属性,从而实现了高度的自适应。 为了确保在页面...

    弹出页面更新父页面中的ifame中的页面

    在网页开发中,有时我们需要通过弹出窗口与主页面进行交互,特别是在涉及到多个页面嵌套时,例如使用`iframe`元素。... 在某些场景下,我们可能需要在弹出窗口操作完成后,更新父页面中`iframe`的内容。...

    跨域iframe通讯

    跨域iframe通信是一种在不同源的页面之间进行数据交换的技术,它主要涉及到浏览器的同源策略。同源策略是浏览器为了安全而实施的一种机制,它限制了来自不同源的JavaScript代码之间的交互,防止恶意网站窃取用户信息...

    过滤掉危险的HTML标记:script,ifame,object

    在Web开发中,安全问题始终是不容忽视的重要环节之一。对于用户提交的数据,如果不加以处理就直接展示在页面上,很容易导致XSS(跨站脚本攻击)等安全问题的发生。... ... 1. **`<script>`**:此标签用于嵌入客户端脚本...

    非常实用的bootStrap-addTabs框架/ifame后台管理框架/ERP系统框架

    利用bootStrap开发的Tabs+iframe框架 非常实用,网上很少,不可多得的web网页框架资源

    smartcampus.vas.ifame.android

    "smartcampus.vas.ifame.android" 是一个针对安卓平台的应用程序,旨在为用户提供特伦托地区的门萨体验。从标题来看,我们可以推测这是一款与智慧校园或智能社区相关的应用,可能集成了各种服务和功能,如学习资源、...

    通过ifame指向的页面高度调整iframe的高度

    标题提到的问题是关于如何动态调整`iframe`的高度以适应其内部内容的高度,以避免滚动条的出现或者内容被截断。以下将详细解释这个过程。 1. **`iframe`基本结构**: `iframe`标签用于创建一个独立的浏览器窗口,...

    Chrome下ifame父窗口调用子窗口的问题示例探讨

    项目中遇到的一个浏览器不兼容问题: 在IE和Firefox下直接在ifame框架页的父窗口用子窗口的name调用子窗口的js函数都好使,在Chrome下不好使。 代码如下: <frameset rows=”108,*,30″ border=”0″ frameSpacing...

    关于iframe的用法

    - `scrolling`:设置是否显示滚动条,可选值有`yes`、`no`和`auto`。 - `name`:为iframe定义一个名称,用于在表单提交时指定目标框架。 ### iframe的挑战与解决方案 - **SEO问题**:搜索引擎可能无法正确索引...

    CAS单点登录 CODE+讲解

    利用CAS整合多个系统的问题与方案 利用CAS提供统一的登录入口,还需要定制登录界面,让用户可以选择使用那个系统的帐户进行登录。 由于登录界面发生改变,请求参数增加了账号所在的系统名称,所以,登录凭据也不能...

    iframe+单页+通讯.zip

    layui后台模板iframe+单页,下载后参考文本说明使用. 包含大部分常用的 layUI 小例子以及其他网站多个前端常用插件如日期,分页,图片懒加载等等近二十个例子 仅供学习使用, 商用请购买正版.

    jquery iframe操作详细解析

    **jQuery 操作 iframe 的详细指南** 在网页开发中,`iframe` 用于嵌入外部页面或者创建页面分隔,使得内容展示更为灵活。jQuery 提供了一系列的方法,方便开发者对 `iframe` 进行操作。本篇文章将深入讲解如何使用 ...

    多个iframe,其中一个的div能够处于最上层显示

    在网页设计中,`iframe` 是一种非常有用的元素,它允许我们在一个页面中嵌入另一个网页。当有多个 `iframe` 并存时,可能会出现重叠或者层级问题,特别是当其中某个 `iframe` 中有一个需要突出显示的 `div` 元素时。...

    ios设备使用iframe宽度超出屏幕的解决方法

    这将禁用 iframe 的滚动条,使 iframe 的宽度不超出屏幕。 3. 给 iframe 设置样式:width: 1px; min-width: 100%; *width: 100%;。这将使 iframe 的宽度自适应外层 div 的宽度。 以下是一个完整的示例代码: ;-...

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

    然而,由于`iframe`的大小固定,当嵌入的页面内容高度或宽度超过`iframe`设定的尺寸时,可能会出现滚动条或者内容被截断的情况。为了解决这个问题,我们需要让`iframe`根据其内容自动调整高度和宽度。本篇文章将详细...

Global site tag (gtag.js) - Google Analytics