jq怎么获取自适应高度的iframe高度的准确数值

jq怎么获取自适应高度的iframe高度的准确数值,第1张

你用jq的时候是在页面加载的时候就获取了,并不是点击的时候获取的。时机不对。

$('#btn2')click(function () {

var boxAheight = $("#frame_content")outerHeight(true);

alert(boxAheight);

})

一、选取DOM元素

jQuery的核心是通过各种选择器,选中DOM元素,可以用querySelectorAll方法模拟这个功能。

var $ = documentquerySelectorAllbind(document);

这里需要注意的是,querySelectorAll方法返回的是NodeList对象,它很像数组(有数字索引和length属性),但不是数组,不能使用pop、push等数组特有方法。

二、DOM *** 作

DOM本身就具有很丰富的 *** 作方法,可以取代jQuery提供的 *** 作方法。

尾部追加DOM元素。

// jQuery写法

$(parent)append($(child));

// DOM写法

parentappendChild(child)

头部插入DOM元素。

// jQuery写法

$(parent)prepend($(child));

// DOM写法

parentinsertBefore(child, parentchildNodes[0])

删除DOM元素。

// jQuery写法

$(child)remove()

// DOM写法

childparentNoderemoveChild(child)

可以使用offset() 方法,该方法返回或设置匹配元素相对于文档的偏移(位置),该方法返回的对象包含两个整型属性:top 和 left,以像素计。此方法只对可见元素有效。

1、使用offset() 方法获取一个元素距离浏览器的顶部和左边的可视距离,代码如下:

<html>

<head>

<script type="text/javascript" src="/jquery/jqueryjs"></script>

<script type="text/javascript">

$(document)ready(function(){

  $("button")click(function(){

    x=$("p")offset();

    $("#span1")text(xleft);

    $("#span2")text(xtop);

  });

});

</script>

</head>

<body>

<p>本段落的偏移是 <span id="span1">unknown</span> left 和 <span id="span2">unknown</span> top。</p>

<button>获得 offset</button>

</body>

</html>

2、运行的结果如下:

 <script>

   $(function() {

 var h_max = 0;

 //求最大高度

 $("class")each(function() {

      var h = $(this)innerHeight();

      h_max = h > h_max  h : h_max;

 })

     //将class的高度赋值为最大高度,

     //最大高度innerheight=padding+内容高度height

 $("class")each(function() {

        //求padding的值

       var h_pad = $(this)innerHeight() - $(this)height();

       $(this)height(h_max - h_pad);

 })

   })

 </script>

以上就是关于jq怎么获取自适应高度的iframe高度的准确数值全部的内容,包括:jq怎么获取自适应高度的iframe高度的准确数值、jquery中如何选择选取DOM元素、jquery获取元素距离浏览器顶部的可视高度等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: https://outofmemory.cn/web/10216050.html

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

发表评论

登录后才能评论

评论列表(0条)

保存