js调用外部网页高度自适应，js获取网页高度

js如何自适应屏幕高度js如何自适应屏幕高度设置

。JavaScript的事件处理是所有浏览器端程序的基本功。当目标元素的事件被触发时，比如按钮点击、鼠标移动或者表单提交，这些事件可以触发相应的方法。当然，在这个过程中，我们可以通过一些参数来定义过去的很多东西。需要避免的一点是事件和DOM元素之间的紧密耦合。

div设置定位，宽度高度设为屏幕一般半即可，至于居中的话可以绝对定位。

window.onresize = findDimensions；//将此js脚本放到页面的最下边。

var win_w = $(window).width()；//获取宽度var win_h = $(window).height()；//获取高度如果你想要匹配高度，那么，就是页面刚刚打开其实没有数据，是等页面打开，计算了屏幕高度之后，再根据每条数据的高度计算出条数，再利用ajax的异步传输去读取列表，然后用JS呈现在手机网页中的。

相关问答

Q1: js写入的iframe自适应高度问题(急)

兼容问题需要做的设置非常多，您可以查找下相关的资料看下，在火狐下可以配合Firebug，可以自动检测错误代码。Iframe自适应高度可以使用下面代码。

所谓iframe自适应高度，就是，基于界面美观和交互的考虑，隐藏了iframe的border和scrollbar，让人看不出它是个iframe。如果iframe始终调用同一个固定高度的页面，我们直接写死iframe高度就可以了。

在index中添加一个iframe标签，直接嵌入iframe页面。在iframe网页中添加了两个固定高度的div内容。浏览器打开index页面我们发现iframe部分有滚动条，需要滚动显示页面。现在我们在index页面的iframe标签再添加如下的属性。再次打开index页面iframe已经高度自适应了。

Q2: 怎么让iframe自适应浏览器的高度和宽度

1、让iframe自适应浏览器的高度和宽度的具体步骤如下：首先设置样式：body{margin：0； padding：0；}。如果不设置body的margin和padding为0的话，页面上下左右会出现空白。代码如下：iframe src=：//fulibac id=myiframe scrolling=no frameborder=0/iframe。

2、创建两个HTML文件在一个文件夹，一个“索引”和一个“iframe”。增强的iframe标记添加到索引，然后直接进入iframe嵌入页面。添加两个div标签内容与固定高度iframe页面。当浏览器打开索引页的答案时，我们发现有一个滚动条在iframe的一部分。我们需要滚动以显示页面跟踪。

3、iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。

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

5、iframe.height = height；}catch (ex){} } window.setInterval(reinitIframe()， 200)；这样子，基本解决了兼容性问题。顺便说下，不光绝对定位的层会影响到值，float也会导致两个值的差异。

6、假设iframe子页面和父页面都在同一域内，通过该脚本可以对给定id的iframe高度进行动态调整。为了防止父页面在子页面之前加载完成，该函数会每隔2秒重新执行一次，一共执行3次。极端情况下子页面的加载速度会慢于父页面，可适当对执行次数和时间做调整。

Q3: js如何根据不同屏幕的大小,获得页面高度,自动调整列表高度

outerHeight属性设置或返回一个窗口的外部高度，包括所有界面元素（如工具栏/滚动条）。outerWidth属性设置或返回窗口的外部宽度，包括所有的界面元素（如工具栏/滚动）。innerheight 返回窗口的文档显示区的高度。innerwidth 返回窗口的文档显示区的宽度。

有一个非常曲线的解决办法，就是：css的媒体查询（@media）是能够检测屏幕尺寸（其实是浏览器窗体的真实尺寸，并不是屏幕的真实物理尺寸，介意的朋友就不要看了）的，通过它来给网页内的某个元素设置一个特殊的属性，然后再用JavaScript来获取这个属性值。

s += 你的屏幕设置是 + window.screen.colorDepth + 位彩色+ ；s += 你的屏幕设置 + window.screen.deviceXDPI + 像素/英寸+ ；s += window的页面可视部分实际高度(ff) +window.innerHeight+ ；alert (s)；} 看看能帮到你吗？按照上面是可以实现的。

Q4: 求JS跨域控制iframe,让iframe自适应高度的完整代码

1、假设iframe子页面和父页面都在同一域内，通过该脚本可以对给定id的iframe高度进行动态调整。为了防止父页面在子页面之前加载完成，该函数会每隔2秒重新执行一次，一共执行3次。极端情况下子页面的加载速度会慢于父页面，可适当对执行次数和时间做调整。

2、首先设置样式：body{margin：0； padding：0；}。如果不设置body的margin和padding为0的话，页面上下左右会出现空白。代码如下：iframe src=：//fulibac id=myiframe scrolling=no frameborder=0/iframe。

3、在文件夹里创建两个html文件，一个“index”一个“iframe”。在index中添加一个iframe标签，直接嵌入iframe页面。在iframe网页中添加了两个固定高度的div内容。浏览器打开index页面我们发现iframe部分有滚动条，需要滚动显示页面。现在我们在index页面的iframe标签再添加如下的属性。

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

5、HTML的frame框架自适应高度的6个方法：可以给它添加一个默认的CSS的min-height值，然后同时使用JavaScript改变高度。

6、asp.net中的iframe自适应高度的实现：iframe id=iFrame1 name=iFrame1 width=100% onload=this.height=iFramedocument.body.scrollHeight frameborder=0 src=index.htm /iframe 说明：关键就在于onload=this.height=iFramedocument.body.scrollHeight这句话。

Q5: 网页设计:怎么让frame的高度自适应??

跨域下的iframe自适应高度 跨域的时候，由于js的同源策略，父页面内的js不能获取到iframe页面的高度。需要一个页面来做代理。方法如下：假设下的一个页面a.html要包含下的一个页面c.html。

在index中添加一个iframe标签，直接嵌入iframe页面。在iframe网页中添加了两个固定高度的div内容。浏览器打开index页面我们发现iframe部分有滚动条，需要滚动显示页面。现在我们在index页面的iframe标签再添加如下的属性。再次打开index页面iframe已经高度自适应了。

首先设置样式：body{margin：0； padding：0；}。如果不设置body的margin和padding为0的话，页面上下左右会出现空白。代码如下：iframe src=：//fulibac id=myiframe scrolling=no frameborder=0/iframe。

关于js调用外部网页高度自适应和js获取网页高度的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。