js下拉加载分页

最新推荐文章于 2023-04-21 17:50:41 发布

赖人不学

最新推荐文章于 2023-04-21 17:50:41 发布

阅读量3.5k

点赞数

分类专栏： JS

本文链接：https://blog.youkuaiyun.com/vindraz/article/details/38059029

版权

JS 专栏收录该内容

11 篇文章

订阅专栏

<!DOCTYPE=html>  
<html>  
	<head>  
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8;width=device-width; initial-scale=1.0; minimum-scale=1.0; maximum-scale=2.0" name="viewport"/>
		<script src="jquery_page.js" type="text/javascript"></script>  
		<script type="text/javascript"> 
			var num=1;
			var more = true;
			$(window).scroll(function()
			{
					var heightValue = "auto";           //插入元素高度/单位px  
					var mainContent = $("#content");  	
					var srollPos = $(window).scrollTop();    //滚动条距顶部距离(页面超出窗口的高度)  
					 
					if((srollPos>=$(document).height()-$(window).height())&& more) 
					{
					$.ajax({
					    type: 'GET',
                        url:num+".html",
                        success: function (){
  	                        mainContent.append("<div style='border:0px solid;margin-top:1px;height:"+heightValue+"' >"+
						    "<iframe src='"+num+".html'"+"id='myframe"+num+"'"+"width=100% height=100% frameborder=0 scrolling=no type=iframe></iframe></div>");
							num=num+1;
                            } ,
                         error:	function(){
                               more = false;
                              }
                        });	
					}  
					for(var i=1;i<num;i++){
					    reinitIframe("myframe"+i);
					}		
			});  
            function reinitIframe(nameframe)        
            {            
            	var iframe = document.getElementById(nameframe);           
            	try{             
            		var bHeight = iframe.contentWindow.document.body.scrollHeight;                
            		var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;                
            		var height = Math.max(bHeight, dHeight);               
            		iframe.height =  height;   
            	}catch (ex){} 
            }
		function initIframe()
		{
		var iframe = document.getElementById("myframe0"); 
		iframe.height=$(window).height()+10;
		}		
        </script>  
    </head>  
    <body>  
	    <div id="content">  
	    	<div style='border:0px solid;margin-top:50px;height:auto;' >
	    		<iframe id="myframe0" src="0.html" height="100%" width="100%" οnlοad='initIframe()' frameborder="0" scrolling="no" type="iframe"> </iframe>
	    	</div>          
	    </div>  
    </body>  
</html>