`
coconut_zhang
  • 浏览: 540702 次
  • 性别: Icon_minigender_1
  • 来自: 天津
社区版块
存档分类
最新评论

jQuery frameset 对象的操作及scrollTop

 
阅读更多

<frameset rows="*" cols="195,*" frameborder="no" border="0" framespacing="0">
<frameset rows="61,*,48" cols="*" frameborder="no" border="0" framespacing="0">
<frame src="tree_top.html" name="leftFrame" scrolling="no" noresize="noresize" id="leftFrame" title="leftFrame" />
<frame src="treeMenu.jsp" name="treeMenuFrame" scrolling="auto" id="treeMenuFrame" title="treeMenuFrame" marginheight="0" marginwidth="0"/>
<frame src="login_bottom.jsp" name="loginFrame" scrolling="no" id="loginFrame" title="loginFrame" />
</frameset>
<frame src="content.jsp" name="mainFrame" id="mainFrame" title="mainFrame" />
</frameset>

 

 

login_bottom.jsp要操作content.jsp页面中的id为"login"的对象:

jQuery(window.parent.parent.frames["mainFrame"].document).find('div[@id="cover"]')

 

获取整个页面的高度包括滚动后的高度

jQuery(window.document).height()

 

滚动的时候scrollTop一直为0的解决方法:

写法有误不是 document.body.scrollTop 而是 document.documentElement.scrollTop

top、clientTop、scrollTop、offsetTop
2007-09-17 15:06

<html>
<head>
<title>51windows.Net </title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
</style>
</head>
<body>
<SCRIPT LANGUAGE="JavaScript">
var   s = "";
s += "\r\n网页可见区域宽:"+ document.body.clientWidth;
s += "\r\n网页可见区域高:"+ document.body.clientHeight;
s += "\r\n网页可见区域宽:"+ document.body.offsetWidth   +" (包括边线的宽)";
s += "\r\n网页可见区域高:"+ document.body.offsetHeight +" (包括边线的宽)";
s += "\r\n网页正文全文宽:"+ document.body.scrollWidth;
s += "\r\n网页正文全文高:"+ document.body.scrollHeight;
s += "\r\n网页被卷去的高:"+ document.body.scrollTop;
s += "\r\n网页被卷去的左:"+ document.body.scrollLeft;
s += "\r\n网页正文部分上:"+ window.screenTop;
s += "\r\n网页正文部分左:"+ window.screenLeft;
s += "\r\n屏幕分辨率的高:"+ window.screen.height;
s += "\r\n屏幕分辨率的宽:"+ window.screen.width;
s += "\r\n屏幕可用工作区高度:"+ window.screen.availHeight;
s += "\r\n屏幕可用工作区宽度:"+ window.screen.availWidth;
alert(s);
</SCRIPT>
</body>
</html>

 

  • 大小: 17 KB
分享到:
评论

相关推荐

    js 操作 frameset frame iframe对象

    JS 操作 Frameset、Frame、Iframe 对象 Frameset、Frame、Iframe 是 HTML 中的框架编程概念,它们可以将一个 HTML 页面分割成多个独立的区域,每个区域可以显示一个独立的 HTML 页面。JS 操作 Frameset、Frame、...

    jquery $.data在frameset用法

    在frameset中frame页面读取另一frame页面$.data数据

    jquery thickbox遮罩frameset框架的解决办法(请仔细阅读描述)

    解决thickbox在frameset框架下只能遮罩子页面的问题。 asp.net项目 直接浏览index.html 最后在父页面和遮罩层里的文本框中输入值后点登录可以得到这几个文本框的值。 将thickbox.js里的tb_init(domChunk)函数替换为...

    jquery-frameset:通过div使页面自动分屏,实现与原生frameset一样的功能

    js-frameset 通过div使页面自动分屏,实现与原生frameset一样的功能 在页面加载star-frameset.js即可,会自动查找$(".frameset")进行分屏 原生的frameset使用 &lt;frameset rows="25%,50%,25%"&gt; &lt;frame src=...

    jquery--frame--ziyuan

    在本文中,我们将深入探讨jQuery框架(jQuery--frame--ziyuan)中涉及的几个关键知识点,特别是关于frameset对象的操作以及与scrollTop相关的技术。frameset是HTML中用于创建多窗口布局的元素,而在JavaScript和...

    实现div 遮罩 frameset

    在这个场景中,“实现div 遮罩 frameset”意味着在`frameset`布局的网页上,使用`div`来实现一个可移动的遮罩层或弹出窗口。 首先,我们来看`frameset`。`frameset`是HTML4中的元素,它允许我们将浏览器窗口划分为...

    frameset元素属性详解

    ### frameset元素属性详解 在HTML中,`frameset`元素是一种用于定义多窗口(或称为框架)布局的特殊元素,它允许在一个HTML文档中嵌入多个独立的HTML文档,从而实现网页的分屏显示。这在早期网页设计中非常流行,...

    ssh+frameset 简单实例

    其次,Hibernate 3.6作为持久层框架,提供了对象关系映射(ORM)功能,将Java对象和数据库表进行映射,简化了数据库操作。这个版本的Hibernate支持JPA 2.0规范,提供了更丰富的查询语言HQL以及更高效的缓存策略。 ...

    frameset

    "工具"可能是指用于处理frameset的开发辅助工具,例如浏览器的开发者工具或者某些代码编辑器的插件,这些工具可以帮助开发者更好地调试和优化frameset布局。 在"frameset"这个压缩包文件中,没有具体的文件名列表,...

    如何在frameset中跳转出来

    Frameset 跳转的技术原理是基于 JavaScript 的 window 对象。window 对象是浏览器的一个全局对象,它提供了访问当前窗口的方法。window.top 属性返回当前窗口的顶层窗口,也就是说,它返回了当前 Frameset 的根窗口...

    frame边框样式 frameSet样式 frameSet应用

    尽管如此,理解`frame`和`frameset`的样式和应用仍然是对网页历史和技术演进的一种了解。 `frame`元素是用来定义一个单独的窗口,或称为“框架”,在这个框架内可以加载不同的网页内容。每个`frame`元素都有一个...

    JS(JQUERY)操作框架页面

    ### JS (jQuery) 操作框架页面的关键知识点 在Web开发中,经常需要处理框架页面之间的交互,例如在父页面与子框架之间交换数据或调用函数等。本文将基于提供的内容,详细介绍如何使用JavaScript和jQuery来操作框架...

    frameset 分割框架左右伸缩的原始版本

    jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画以及Ajax交互。在这个框架布局中,jQuery可能被用来处理框架之间的交互,比如当用户在左侧框架点击链接时,动态更新右侧框架的内容,或者实现...

    frameset 左右效果模板

    在实际应用中,frameset的使用需要注意兼容性问题,因为某些现代浏览器(如IE9及以上版本和大部分移动设备)默认不支持frameset,可能会导致布局混乱。此外,SEO(搜索引擎优化)也受到影响,因为搜索引擎爬虫可能...

    frameset与div布局的优缺点

    3.iframe模式的可操作性较低,限制了UI界面设计和交互的创新。 相比之下,DIV布局是一种更加灵活和强大的网页布局方式,它可以自由控制整个页面的样式和DOM元素。该布局方式具有以下优点: 1.整个页面可以自由控制...

    好看的frameset实例

    在网页设计领域,`&lt;frameset&gt;` 是一个非常重要的元素,尤其在早期的网页开发中广泛使用。`frameset` 允许我们将浏览器窗口分割成多个独立的部分,每个部分可以加载不同的网页内容,从而实现多页面同时展示的效果。...

    Frameset_详解

    ### Frameset 详解 #### 一、Frameset 概述 `Frameset`是一种早期网页设计技术,允许在一个HTML文档中展示多个独立的HTML文档。这种技术通过将浏览器窗口分割成多个区域(称为“框架”或`frame`),每个区域都可以...

    frameset 框架的用法

    ### Frameset框架的基本概念与应用 在Web开发中,`frameset`是一种早期用来组织页面布局的技术,它允许在一个浏览器窗口内显示多个独立的文档。本文将深入探讨`frameset`及其子元素`frame`、`noframes`、`iframe`的...

    利用frameset做菜单

    本教程将深入探讨如何利用`frameset`来创建一个类似QQ邮箱那样的布局,即左侧为菜单,右侧显示菜单对应的详细内容。 首先,`frameset` 的基本结构包括`&lt;frameset&gt;`标签和`&lt;frame&gt;`标签。`&lt;frameset&gt;`定义了窗口的...

Global site tag (gtag.js) - Google Analytics