js动态获取页面地址

attitue

于 2018-12-03 23:00:23 发布

阅读量1k

点赞数

文章标签： js动态获取当前地址

本文链接：https://blog.youkuaiyun.com/qq_37950408/article/details/84781243

版权

jq和ajax 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了在开发过程中如何利用JavaScript动态获取当前页面的URL，以便实现页面滚动或其他交互功能。适合初学者参考。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在做东西时发现需要获取动态的地址来实现下滑页面。所以总结之用，高手勿喷。

					var page=2;
					var url=document.URL;	//获取当前页面地址的js
              				var m=url.lastIndexOf("/");//到最后一个"/"符号的数目
              				var base=url.substr(0,m);//到最后一个"/"符号之前的地址内容
                        	    //比如http://localhost:8080/html
                            
                            if(scrollTop+windowHeight-scrollHeight<=50){
                                setTimeout(function(){
                                    page+=1;
                                    finished=0;                              
                                },1000);

                                
                                 $.ajax({
                                          type:"get",
                                          url:base+"/list"+page+".html",
                                          //当page=2时即http://localhost:8080/html/list2.html   依次调取list3.html,list4.html等
                                          dataType:'html',
                                          data:{},
                                          success:function(result){
                                            var backHtml=$(result).find("#plush-ul li")//选取所需页面的部分
                                            $("#hide").html(backHtml);//存储到本页面的空div
                                            $('#hide').hide();//另div隐藏
                                            $("#plush-ul").append(backHtml);//将获取数据到的加到本页数据之后
                                            $('#plush-ul').show();//将数据显示出来
                                             },
                                        
                                        });

                                 finished=1;
                            }