1818人阅读
前端开发中,有时需要判断某个元素是否在浏览器的可视区域内,或者是否已经滚动出了可视区域.首先想到的便是javascript操作,原生方法自然可以,不过Jquery已经封装了一些属性,使用起来更方便些,我们这里就讨论这种Jquery的方式.(伸手党可直接看文章屁股 :cool:) 假设此元素为 #item,先说几个关键的属性:
JavaScript1：
jQuery('#item').offset().top
#item 的绝对偏移量,指#item的实际尺寸(即不包括外边框margin)的上边界到页面顶端的距离.这个值不随窗口滚动而改变
JavaScript2：
jQuery('#item').outerHeight()
#item 的实际尺寸,即 height+padding+border
JavaScript3：
jQuery('#item').outerHeight(true)
#item的实际尺寸及外边距,即 height+padding+border+margin
JavaScript4：
jQuery(window).scrollTop()
窗口滚动的顶部偏移量,即此时页面的上边界到可视区域的上边界的偏移量,简单的可以理解成整个页面滚动了多少距离
JavaScript
jQuery(window).height()
浏览器窗口可视区域的高度：
用脚后跟想想就能想到,在窗口上下滚动的情况下,一个页面元素的状态有3种,1.向上滚动超出可视区域,2.向下滚动超出可视区域,3.在可视区域内.很明显,我们需要的就是1和2两种情况. 情况1: 由于元素随页面向上滚动,所以自然能想到,在页面顶部偏移量不断增加的过程中,边界是从上至下经过一段距离,而这个距离的区域恰好就是元素本身的偏移量加上元素本身的高度,所以当
JavaScript1：
jQuery(window).scrollTop()&(jQuery('#item').offset().top+jQuery('#item').outerHeight())
这个表达式结果为true时,表示元素已经向上滚动,并超出了可视区域.
情况2: 与情况1相反,向下滚动的过程,页面顶部的偏移量是在不断减少中,所以当它小于元素偏移量与可视区域高度的差值的时候,元素则向下并超出了可视区域,即
JavaScript2：
jQuery(window).scrollTop()&&/span&(jQuery('#item').offset().top-jQuery(window).height())
那么结论就是将这两种情况作或运算即可达到目的.以下表达式结果如果为true,则 #item 不在可视区域内.反之则在可视区域内.
JavaScript3：
(jQuery(window).scrollTop()&(jQuery('#item').offset().top+jQuery('#item').outerHeight()))||((jQuery(window).scroll
===========================================================================================
JQuery监听页面滚动总结
1、当前滚动的地方的窗口顶端到整个页面顶端的距离：
& & & & var winPos = $(window).scrollTop();
2、获取指定元素的页面位置：
& & & & $(val).offset().top;
3、对页面滚动条滚动的监听：要放在页面加载的时候
& & & $(window).scroll(function(event){
4、设置滚动条到指定位置。$(window).scrollTop(offset)。
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：24224次
排名：千里之外
原创：25篇
转载：149篇
(3)(3)(2)(5)(2)(7)(3)(7)(12)(11)(2)(4)(12)(5)(8)(8)(59)(21)用jquery判断一个网页是否是第一次进入的方法 - jQuery - jquery技巧 - 天使建站
当前位置：&&&
用jquery判断一个网页是否是第一次进入的方法
在网页开发的时候，我们有时候可能需要这样一个效果，当访客第一次浏览某个网页时弹出一个对话框或者执行一些其它的操作，但之后就算再刷新也不会再弹出对话框，要实现这个效果其实很简单，利用cookie来判断就行了。用cookie来判断当前网页是否为第一次载入，首先需要的就是jquery操作cookie的插件，以前站长分享过，大家可以点下面的链接下载：接下来就是如何用cookie插件来实现判断网页是否为第一次载入了:&script language=&javascript&&
var url=window.location.//获取当前的URL
url=url.replace(/[^a-z0-9]/gi,&&);//用正则清除字符串中的所有非字母和数字的内容
if($.cookie(url)==&& || $.cookie(url)==null){
alert(&这是你第一次进入这个页面&);
$.cookie(url,&y&);
本文&用jquery判断一个网页是否是第一次进入的方法&的内容摘要为：用jquery来判断网页是否为第一次进入的方法与实例&&由天使建站[]首发，转载请说明！
其他用户阅读&用jquery判断一个网页是否是第一次进入的方法&的同时也阅读了：
[:205]& []
[:272]& []
[:101]& []
[:1768]& []
[:831]& []
[:205]& []
[:23846]& []
[:70685]& []
与&用jquery判断一个网页是否是第一次进入的方法&同栏目下的站长推荐阅读：
[:162]& []
[:109]& []
[:519]& []
[:234]& []
[:1191]& []
[:1000]& []
[:870]& []
与&jQuery实例&相关的栏目
与&jQuery实例&相关的专题
& & & & & & & & & &
热点文章推荐
& & & & & & & & & & & & & & & & & & & &
如果您需要建设网站、WEB程序定制或者现有网站改版，可以联系QQ：
天使建站 非常感谢您的到来!希望本站能对您有所帮助！
天使建站为您提供ASP、PHP、js、jquery、ajax等与网站开发相关的教程，实例与源码下载,打造最专业的站长交流和学习的免费平台
豫ICP备号-1 版权所有&
最后更新时间：2009年9月 总版技术专家分月排行榜第一
2009年8月 总版技术专家分月排行榜第二
本帖子已过去太久远了，不再提供回复功能。查看: 18767|回复: 14
怎么通过js或者jquery获取一个页面里面的内容
该用户从未签到
怎么通过js或者jquery获取这个（）页面里面QQ号 和昵称& &求解
&&&&&&&&&&&&&&&&
TA的每日心情开心前天&08:39签到天数: 210 天[LV.7]常住居民III
这个页面需要登录才能查询 js和Jquery应该都实现不了
&&&&&&&&&&&&&&&&
该用户从未签到
这个页面需要登录才能查询 js和Jquery应该都实现不了
他这个页面是获取当前电脑登录的QQ号& &先默认认为是能获取到这个QQ号和昵称&&现在能不能在一个网页中通过iframe加载这个页面&&然后在父页面通过jquery或者js获取这个iframe中的内容&&这个就涉及到js跨域操作 但是一直没有找到比较好方案& &求解啊&&
&&&&&&&&&&&&&&&&
TA的每日心情开心前天&08:39签到天数: 210 天[LV.7]常住居民III
iframe可以，不存在跨越问题，直接可以操作这个可以参考这里
&&&&&&&&&&&&&&&&
该用户从未签到
iframe可以，不存在跨越问题，直接可以操作这个可以参考这里/thread-.html
不行 我试过了&&获取不到内容的&&这个肯定涉及到js跨域访问的&&&&这个是腾讯的域名&&而我自己做的网页来加载这个子页面&&域名肯定会不同的& &
&&&&&&&&&&&&&&&&
TA的每日心情开心前天&08:39签到天数: 210 天[LV.7]常住居民III
不行说明你写的语句不对，都在一个页面里，使用的是Iframe怎么会有跨域问题呢，
不要让你这种思想把自己困死，我跟你说不是，是因为我写过很多这样的例子，使用Iframe就是为了访问别人的网站里的内容，如果真如你这么说，那就怪了，
[C#] 纯文本查看 复制代码 var m = window.iframqq.contentW
iframqq是你的Irame名称，你自己看看这里获取的内容 是什么，调试一下自己找找想要的东西在那里。
看看存在不存在你说的跨域问题。
&&&&&&&&&&&&&&&&
该用户从未签到
本帖最后由 qyhack 于
11:01 编辑
不行说明你写的语句不对，都在一个页面里，使用的是Iframe怎么会有跨域问题呢，
不要让你这种思想把自己困 ...
[HTML] 纯文本查看 复制代码&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&&
&html xmlns=&http://www.w3.org/1999/xhtml&&
&title&Untitled Page&/title&
&script type=&text/javascript&&
function GetFrame() {
var m = window.frmIn.contentW
&iframe id=&iframqq&
name=&frmIn& src=& [url=http://xui./cgi-bin/qlogin]http://xui./cgi-bin/qlogin[/url]& width=&300&
height=&100&&&/iframe&
&input type=&button& value=&btn& /&
这个真获取不到内容啊& &老大&&看看是不是我写错了啊
[HTML] 纯文本查看 复制代码
function GetFrame() {
var m = document.getElementById(&iframqq&).innerHTML;
}这样也获取不到
&&&&&&&&&&&&&&&&
TA的每日心情开心前天&08:39签到天数: 210 天[LV.7]常住居民III
document.getElementById(&iframqq&).innerHTML
你调试看看有这个属性吗？innerHTML
没有这个属性吧，
你先告诉我你会调试JS吗？不会的话可以学习一下使用火狐的Firbug就可以，这个你可以百度下。
调试的时候执行过这一行可以看到整个对象里都有什么的
var m = document.getElementById(&iframqq&)
只写这一句看看都有什么属性和值然后再取
我刚看过有数据你看看吧再
&&&&&&&&&&&&&&&&
该用户从未签到
document.getElementById(&iframqq&).innerHTML
你调试看看有这个属性吗？innerHTML
没有这个属性吧，
QQ截图35.jpg (54.82 KB, 下载次数: 246)
11:42 上传
QQ截图40.jpg (83.71 KB, 下载次数: 232)
11:42 上传
QQ截图16.jpg (57.66 KB, 下载次数: 241)
11:42 上传
innerHTML这个属性是有的& &我在vs里面调试的& &这个涉及跨域操作&&没有权限
&&&&&&&&&&&&&&&&
TA的每日心情开心前天&08:39签到天数: 210 天[LV.7]常住居民III
QQ截图47.png (129.03 KB, 下载次数: 227)
12:56 上传
你看看这是我的网站使用本地访问的
QQ截图13.png (197.55 KB, 下载次数: 233)
12:56 上传
好吧，你非要这么认为我也没有办法，我让你怎么处理你非不怎么处理，我让你在浏览器试试，你百要在Vs里，我说我这边取的正常，你非说跨域，同一个页面有什么跨域问题我真是不懂了，那我不懂不会了。只能帮你到这里
&&&&&&&&&&&&&&&&
( 豫ICP备号-1)&&}