js兼容的Iframe自适应高度

最新推荐文章于 2021-10-22 13:12:33 发布

weixin_34404393

最新推荐文章于 2021-10-22 13:12:33 发布

阅读量77

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/alizhi/p/8359342.html

版权

js解决Iframe套用页面，自适应高度的问题。

两个页面，a.html和b.html

a.html

<div style="border: 1px solid;">
    <iframe id="iframeId" src="b.html" frameborder="0"></iframe>
</div>

<script type="text/javascript">
     function setIframeHeight(id){
         try{
              var iframe = document.getElementById("#iframeId");
              if(iframe.attachEvent){
                  iframe.attachEvent("onload", function(){
                  iframe.height =  iframe.contentWindow.document.documentElement.scrollHeight;//定义变量获取iframe内嵌框架整体的总高度
              });
              return;
              }else{
                  iframe.onload = function(){
                  iframe.height = iframe.contentDocument.body.scrollHeight;//定义变量获取iframe内嵌框架里面的body节点的总高度

}; return; } }catch(e){ throw new Error('setIframeHeight Error'); } } </script>

b.html

<style type="text/css">
.ss{
    height: 700px;
    background: #0000FF;
    color: #fff;
    font-size: 36px;
    position: relative;
}
</style>
<body>
　　　<div class="ss">
    　　aaa
    　　<span style="position: absolute;bottom: 0px;">jdjdjjdj</span>
　　</div>
</body>

效果图

转载于:https://www.cnblogs.com/alizhi/p/8359342.html

weixin_34404393

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js兼容的Iframe自适应高度

js解决Iframe套用页面，自适应高度的问题。两个页面，a.html和b.htmla.html<div style="border: 1px solid;"> <iframe id="iframeId" src="b.html" frameborder="0"></iframe></div><...
复制链接

扫一扫

weixin_34404393 CSDN认证博客专家 CSDN认证企业博客

码龄8年

136: 原创

-: 周排名

77万+: 总排名

125万+: 访问

: 等级

7261: 积分

4188: 粉丝

224: 获赞

24: 评论

1064: 收藏

私信

关注

热门文章

最新评论

原码,补码
做而论道_CS: 计算机，有 8 位机、16 位机、...。每次运算，也就只用到 8、16 位二进制数。而且，计算机中，也只有加法器。那么，45－45 = 0，八位机将如下计算：　　0010 1101 + xxxx xxxx = 0000 0000。其中的：xxxx xxxx，就是【－45 的八位补码】。这个补码，到底是什么？你自己也能推导出来。先移项：xxxx xxxx = 0000 0000－0010 1101，可得出：xxxx xxxx = (借位 1) 1101 0011，取八位：xxxx xxxx = 1101 0011。至此，就求出了 [－45]补 = 1101 0011。求负数的补码，就是这么简单！
原码,补码
做而论道_CS: 其实，补码的原理，与 “取反加一” 毫无关系。补码的来源，可以用十进制来说明。假定，只使用两位数：0~99。此时，－1 就可以用 +99 代替。如：24－1 = 23 　　24 + 99 = (一百) 23 忽略进位，只取两位，这两种算法，功能相同。三角函数中，也有：－90° 与＋270° 等效。重点：　限定位数（或范围）后，数值变化就有了周期性。　正数（补码），就可以代表负数；　加法，就可以代替减法。因此：　学会了加法，就可走遍天下。
原码,补码
做而论道_CS: 码长八位时，各码的范围如下。原码：－127 ~ +127。反码：－127 ~ +127。补码：－128 ~ +127。注意：－128，没有原码反码，只有补码。没有原码，拿什么取反？没有反码，拿什么加一？
原码,补码
做而论道_CS: 码长八位时，各码的范围如下。原码：－127 ~ +127。反码：－127 ~ +127。补码：－128 ~ +127。注意：－128，没有原码反码，只有补码。没有原码，拿什么取反？没有反码，拿什么加一？其实，补码的原理，与 “取反加一” 毫无关系。补码的来源，可以用十进制来说明。假定，只使用两位数：0~99。此时，－1 就可以用 +99 代替。如：24－1 = 23 　　24 + 99 = (一百) 23 忽略进位，只取两位，这两种算法，功能相同。三角函数中，也有：－90° 与＋270° 等效。【限定位数（或范围）后，数值变化就有了周期性。】　正数（补码），就可以代表负数；　加法，就可以代替减法。　因此，学会了加法运算，就可走遍天下。计算机，有 8 位机、16 位机。每次运算，也就只用到 8、16 位二进制数。而且，计算机中，只有加法器。那么，45－45 = 0，八位机将如下计算：　　0010 1101 + xxxx xxxx = 0000 0000。其中的：xxxx xxxx，就是【－45 的八位补码】。这个补码，到底是什么？你自己也能推导出来。先移项：xxxx xxxx = 0000 0000－0010 1101，可得出：xxxx xxxx = (借位 1) 1101 0011，取八位：xxxx xxxx = 1101 0011。至此，就求出了 [－45]补 = 1101 0011。求负数的补码，就是这么简单！－－－－－－－－－－－－－－－－－实际上，任意负数（－X）的补码，都是：0 － X。你用二进制简单算一下，立刻就能得到结果。（－128 的 8 位补码，也就是这样求出来的。）同理，任意正数（＋X）的补码，也都是：0 ＋ X。 0 ＋ X，不就是 X 吗？即，正数的补码，就是 X 本身！－－－－－－－－－－－－－－－－－在现代计算机中，只有加法器，只能使用补码。所以，在计算机中，只有补码，并没有原码和反码。不存在的东西，学它干嘛呢？计算机老师，指望这个混饭吃呗。顺便，再抓几个不及格的，抖一下威风！真值机器数符号位原码反码取反加一符号位不变模同余 ... 专家写的这些，明显就是【拿个鞋拔子当做玉如意】。假货，不仅仅在古董行业才有啊！
WPF特效-实现弧形旋转轮播图
sadfasdfsadf: 兄弟有源码吗分享下

大家在看

最新文章

目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。