js动态设置body的高度，js设置body内容

给iframe赋ID后,用js是否可以通过此ID获取引用页面body的高度?

采用JavaScript来控制iframe元素的高度是iframe高度自适应的关键，同时由于JavaScript对不同域名下权限的控制，引发出同域、跨域两种情况。

请在IE或火狐下调试以下代码，由于Chrome（谷歌）的iframe机制，不能在本地运行和iframe相关的js，需要架设到服务器或IIS上才有效果。

首先，打开html编辑器，新建html文件，例如：index.html，填写相应html代码。

iframe src=default.html id=mainweb name=mainweb width=100% height=100% frameborder=0onLoad=iFrameHeight() /iframe。script type=text/javascript language=javascript。

思路是js控制iframe自适应高度，因为iframe本身并不能自适应高度，只有写死高度才行，所以要用js判断整个页面内容的高度。

相关问答

Q1: div怎么用js实现高度百分比

1、js里面提供了很多的方法，可以计算DIV的高度，以及也可以给DIV直接复制。

2、上面的代码是取得3个div的高度，并判断高度最高的div高度值，让其余两个比较矮的div高度等于最高这个，自己琢磨下，很简单。

3、/div ！--viewport：可视窗口，也就是浏览器。

4、CSS想让一个元素的百分比高度height： 100%；起作用，需要给这个元素的所有父元素的高度设定一个有效值。

5、说一下思路：等比例 就是要找出宽高的比。如果100/80 然后在缩放时，先缩放一个，然后用已知的宽高比算另一个值。

Q2: 怎样在窗体加载的时候让一个div的高度为屏幕的高度

增加一个清除浮动，让父容器知道高度。请注意，清除浮动的容器中有一个空格。

第一种：一定高度内容加多时自适应高度，而内容少时DIV有一定最小高度；第二种：没有最小高度，DIV完全自适应高度。

首先创建或者打开我们的web项目，新建一个html文件和css文件即可，如图所示。html页面代码如图所示，定义一个div，然后给一个id属性即可。

上面的代码是取得3个div的高度，并判断高度最高的div高度值，让其余两个比较矮的div高度等于最高这个，自己琢磨下，很简单。

Q3: JS获取HTML页面的BODY的高度

最近编程中发现html静态页面的开发可以使用 document.body.ClientHeight 来获得页面的高度，但asp.net的页面却无法这样获取，获取到的只是页面最小的高度，比如页面只有一个button，那么该js语句获得的就是24。

然后创建一个点击按钮获取当前id的函数。保存好html文件后使用浏览器打开，然后点击按钮即可看到点击的id。页面所有代码，如有不懂可把所有代码复制到新建的html文件上，然后修改引入的jquery文件即可。

引入jquery文件（注：jquery的引入路径一定要正确）。创建加载完成函数，然后创建一个点击按钮获取当前id的函数。保存好html文件后使用浏览器打开，然后点击按钮即可看到点击的id。

页面信息：介绍HTML页面尺寸信息；如：body总的、展示的高度和宽度。一个页面的展示，从外到内的容器为：屏幕、浏览器以及页面本身。HTML元素展现在页面内，页面展现在浏览器内，而浏览器展现在屏幕内。

要在js中获得浏览器的高度可以参考以下步骤(具体代码见最后）：outerHeight属性设置或返回一个窗口的外部高度，包括所有界面元素（如工具栏/滚动条）。

htmlheadtitlejs 获取div所填充内容的实际高度 /title/headbodydiv id=div1百度知道是一个基于搜索的互动式知识问答分享平台，于2005年6月21日发布，并于2005年11月8日转为正式版。

Q4: js怎么让body高度自适应手机屏幕

1、首先，在网页代码的头部，加入一行viewport元标签。

2、原则5：所以图片必须写在html中，不能写在css中做背景。原因很简单，css中没法设定图片的宽高，也就不能自适应。原则6：设计稿宽度为640px宽度，切图保存。写css时 将px大小除20换算出来的就是你要写的rem的大小。

3、都是css代码不用js控制 html5移动端div的高度怎么设置自适应 在文档流中，DIV的高度默认就是根据内容的高度自适应的。如果是想适配不同设备的窗口大小，可以设置百分比。或者通过position定位，然后设置top和bottom值。

Q5: 如何通过js给div的style动态赋值

alert(divstyle.height)；//没有值 建议从css上改进。比如给中间的div设置css {height：500px；overflow：auto；}这样就能固定高度，多出的内容用滚动条显示。或者让尾部div相对中间的div定位。

首先jquery的attr()方法允许两个参数，如果值给一个参数则返回的是元素的属性的值，两个参数可以设置一个元素属性的值为第二个参数。

src=xxx后需要等待直到图片下载完成。但是如果这个脚本是在你的div已经初始化好之后调用的话，那么图片已经被下载过了，所以直接进行后面的就好。

首先需要获取到相应的元素，这样才能改变他的样式。获取方法可以通过getElementByID()，除了 getElementById() 之外，还有 getElementsByName() 和 getElementsByTagName()。

js动态设置body的高度的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js设置body内容、js动态设置body的高度的信息别忘了在本站进行查找喔。