js判断iframe内的网页是否滚动到底部触发事件

2014-03-18 22

之前有个需求是要判断iframe内的网页是否滚动到底部触发事件, 网上找了许多资料都是说在当前页面下的, 索性就自己研究了一下, 找到了解决方法.

clientHeight:这个元素的高度,占用整个空间的高度

offsetHeight:是指元素内容的高度

scrollTop:可以理解为滚动条可以滚动的长度

以下是源代码

<iframe src="~/Files/3.html" id="iframepage" width="825" onload="func()"></iframe> 
<script type="text/javascript"> 
function func() { 
var ifm = document.getElementById("iframepage"); 
ifm.height = window.document.body.clientHeight - 100; 
} 
<!--在chrome有兼容问题,FF和IE10无问题,网上说chrome访问iframe要在服务器环境下,不知道什么情况--> 
window.document.getElementById("iframepage").contentWindow.onscroll = function aaa() { 
var ifm = document.getElementById("iframepage").contentWindow.document.documentElement; 
if (ifm.scrollTop == ifm.scrollHeight - ifm.clientHeight) { 
alert("到底了"); 
} } 
</script>
展开阅读全文

更多Javascript文章

json数据处理技巧(字段带空格、增加字段、排序等等)
Jun 14 25
Javascript和HTML5利用canvas构建Web五子棋游戏实现算法
Jul 17 20
JS输入用户名自动显示邮箱后缀列表的方法
Jan 27 26
switch语句的妙用(必看篇)
Oct 03 19
Vue.js原理分析之observer模块详解
Feb 17 63
angularJs在多个控制器中共享服务数据的方法
Sep 30 26
Vue组件之高德地图地址选择功能的实例代码
Jun 21 31
手机访问当前页面