JS 判断页面中的iframe中显示的内容是不是被拉到底部

Posted 2023-04-15

在当前页面有个iframe，一个check box，两个button。
当iframe内显示的内容滚动到底部时，check box可点击，否则是disable的，
当没选中check box时，点击两个button，会出现相应的对话框。

我在当前页面中，想用
document.getElementById("Iframe1").contentWindow.document.body.scrollHeight
来获取iframe中内容的高度，但一直抛错

应该怎么在当前页面判断iframe中内容是否滚到底部，从而来控制check box的enable属性
是跨域了，iframe中显示的是另一页面，想在当前页面中判断是否滚动到底部了，就像有些注册页面的注册条款，当滚到底部时才能点下面的check box，不过我这的注册条款是在另一个页面根据地域不同动态显示不同内容

你是在哪个位置获取iframe中内容的高度的呢？如果是在父页面的话你的语句没有问题，但必须要在iframe中内容加载完成后再获取，你可以用一个按钮来ALERT一下，或者在onload事件里ALERT一下来显示看看获取有没有问题
<IFRAME onload="alert(this.contentWindow.document.body.scrollHeight)“ src="">></IFRAME>追问

我是想在父页面获取子页面，
用alert 试过了，会出现"Object required"的错误。
我试了下在iframe外面放个DIV，想用DIV的高度来判断，
用$("#divid")[0].scrollHeight来获取高度的时候，会出现"0.scrollHeight is null or not an object"的错误

追答

onload="alert(this.contentWindow.document.body.scrollHeight);“ 也会出错吗？我之前做过一个根据内容自动拉申的，这个是可以用的

追问

onload="alert(this.contentWindow.document.body.scrollHeight);“没用，根本没执行···
问题可能在没办法访问这个 IFRAME

参考技术A 用document.getElementById("Iframe1").document.body.scrollHeight吧。 参考技术B 是不是跨域了？追问

是跨域的

追答

跨域就放弃吧。没有解决办法

JS怎么实现页面刷新时，页面中的iframe不刷新

这个命题有逻辑错误
iframe 是属于主页面的 主界面都刷新了 iframe 也会被重新加载
可使用局部刷新 方法：用js 节点操作 涉及数据交互可用ajax 参考技术A 这个必须使用AJAX技术