jQuery如何获取html元素相对浏览器窗口的偏移

jQuery如何获取html元素相对浏览器窗口的偏移,第1张

jquery代码如下:$("div")scrollTop()

scrollTop()方法介绍:

scrollTop()方法用于返回或设置匹配元素滚动条的垂直位置。

小案例:

<!doctype html>

<html ng-app>

  <head>

      <script src=">

      <meta charset="utf-8">

      <title>获取滚动条离顶部的高度</title>

      <style type="text/css">

      div{

      width: 200px;

      height: 200px;

      overflow: scroll;

      }

      </style>

  </head>

  <body>

      <div>

      获取滚动条离顶部的高度<br />

      获取滚动条离顶部的高度<br />

      获取滚动条离顶部的高度<br />

      获取滚动条离顶部的高度<br />

      获取滚动条离顶部的高度<br />

      获取滚动条离顶部的高度<br />

      获取滚动条离顶部的高度<br />

      获取滚动条离顶部的高度<br />

      获取滚动条离顶部的高度<br />

      获取滚动条离顶部的高度<br />

      获取滚动条离顶部的高度<br />

      获取滚动条离顶部的高度<br />

      获取滚动条离顶部的高度<br />

      获取滚动条离顶部的高度<br />

      获取滚动条离顶部的高度<br />

      获取滚动条离顶部的高度<br />

      获取滚动条离顶部的高度<br />

      获取滚动条离顶部的高度<br />

      获取滚动条离顶部的高度<br />

      获取滚动条离顶部的高度<br />

      获取滚动条离顶部的高度<br />

      </div>

      <script type="text/javascript">

$(document)ready(function(){

 $("btn")click(function(){

   alert($("div")scrollTop());

 });

});

</script>

      <button class="btn">获得当前滚动条的偏移量</button>

  </body>

</html>

案例截图:

<html>

<script type="text/javascript">  //JS必须写在这个标签下,这个标签必须在HTML标签下

function test(but){   //函数必须有入参才能接收你传入的参数

                   var name= butname;  //name属性是对象本身就有的属性,可以直接取。

   alert(name); 

}   

</script>                                       

<button type='button' onclick='test(this)' name='btn'>按钮</button>

</html>

如果这个iframe的页面跟ahtml是同域名下的,就可以可以来取:

获取iframe的页面内容:

var $doc = jQuery('iframe')contents();

这里的contents()方法就可以iframe页面内任何对象。

使用选择器获取你想要的对象:

var $send = $docfind('send');

链式写法:var $send = jQuery('iframe')contents()find('send');

$send就是你要的jQuery对象了。

当然,如果iframe的页面跟ahtml是不同域的话,受浏览器的安全访问限制,就没有办法获取你要的对象了。

用jquery的ajax类似的请求就可以了:比如:

$get("testphp", function(data){

alert("Data Loaded: " + data);

//拿到data以后就直接插入到指定的div里面,加入div id为tag

那么写法为$("#tag")append(data);

});

有。

是用其html()方法,

方法带参数的时候是给innerHTML赋值,不带参数的时候返回innerHTML字符串

例如

var aahtml= $(“aa")html();

若要给他赋值,请用:

var aahtml="(<img src="testjpg" class='aa'>";

$(“aa")html(aahtml);

建议试一下:

$(“aa")parent()html()

如果仅在IE下用,也可以:$(“aa")outerHTML

以上就是关于jQuery如何获取html元素相对浏览器窗口的偏移全部的内容,包括:jQuery如何获取html元素相对浏览器窗口的偏移、jquery用this获取不到html行内绑定事件的元素、jquery如何在html页面取得iframe的元素等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9324546.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-27
下一篇 2023-04-27

发表评论

登录后才能评论

评论列表(0条)

保存