让父页面的<iframe 中的页面，即子页面左右、上下有滚动条

最新推荐文章于 2024-05-02 20:01:02 发布

最新推荐文章于 2024-05-02 20:01:02 发布 · 430 阅读

文章标签：

#JavaScript #JSP #XHTML #ViewUI

JavaScript 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了如何通过JavaScript代码控制IFrame中的滚动条显示，确保子页面（IFrame内容页面）能够在父页面中正确地显示滚动条，实现水平和垂直方向上的滚动效果。

一、在父JSP页面中的代码：


 <iframe id="content" name="content" width=100% height=100% src='smsTemplateList.jsp' frameborder="0" scrolling="yes"></iframe>

二、在子页面中的代码：


//让父页面的<iframe 中的页面，即子页面，即此代码所在的页面能左右有滚动条
parent.document.all("content").height=document.body.scrollWidth;

//让父页面的<iframe 中的页面，即子页面，即此代码所在的页面能上下有滚动条
parent.document.all("content").height=document.body.scrollHeight;