`

取iframe里某个div的高度

 
阅读更多

document.getElementById("iframe1").contentDocument.getElementById("iframe_div").offsetHeight

 

//注意：contentDocument在ie6下报错。

分享到：
| jquery的事件的this引用
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    在iframe 中页面中设置遮罩遮罩层

    <iframe src="你的页面地址" width="你的宽度" height="你的高度"></iframe> ``` 在这个例子中，我们可能在`main.html`中嵌入其他三个页面，例如： ```html <!DOCTYPE html> 主页面 /* 遮罩层样式 */ ....

    DIV的创建.doc

    最后，我们需要使用`appendChild`方法将新创建的`<div>`元素添加到文档的某个节点下，在这个例子中是`document.body`。 ```javascript document.body.appendChild(DivStr); ``` #### 三、扩展知识点 1. **CSS选择...

    iframe源码

    <iframe src="目标URL" width="宽度" height="高度" frameborder="0"></iframe> ``` 其中，`src`属性是必须的，用于指定要嵌入的网页URL；`width`和`height`定义了`iframe`的尺寸；`frameborder`通常设置为0，以...

    div层提示效果源码【div 层提示】 打包下载

    6. **5.8 iframe自适应高度.htm**和**5.8 iframe自适应高度1.htm**：这两个文件关注的是`iframe`元素的高度自适应，确保嵌入的内容能完整显示，通常需要JavaScript来动态计算和设置`iframe`的高度。 7. **5.2 层...

    在iframe里的页面编写js，实现在父窗口上创建动画效果展开和收缩的div（不变动iframe父窗口代码）

    在Web开发中，有时我们需要在嵌入的`iframe`中操作父窗口的元素，例如在本例中，我们需要在`iframe`内的页面通过JavaScript实现一个动画效果，让父窗口上的某个`div`元素能够展开和收缩，而不需要修改父窗口的代码。...

    iframe子页面操作父页面并实现屏蔽页面弹出层效果

    showDiv函数负责显示这两个层，其中涉及到获取页面宽度和高度的逻辑，然后通过改变div元素的display属性来控制其显示。closeDiv函数则执行相反操作，隐藏这些层。 最后，子页面son.html中的某个操作需要调用父页面...

    源码调用手册

    - **width** 和 **height**: 分别定义了`<iframe>`的宽度和高度。 - **scrolling**: 定义了是否显示滚动条，默认为“auto”。可选值有“auto”、“yes”、“no”。 - **frameborder**: 定义了边框的存在与否，接受...

    javascript控制相关代码

    这里的`this`指代当前`<iframe>`元素，`iFrame1.document.body.scrollHeight`获取到了`<iframe>`内部文档的高度，从而实现了自动调整高度的功能。 ### 知识点二：使用`onclick`事件隐藏元素 #### 代码示例： ```...

    java项目学习笔记

    该函数首先获取指定元素的高度，然后根据这个高度调整iframe的高度。 ##### 8. 表格操作 表格在Web应用中非常常见，对表格进行操作也是必不可少的技能之一。 - **获取表格的最后一行第一列**： ```javascript $...

    js常用效果实例

    通过JavaScript，可以监听到iframe的加载事件，然后调整其高度以适应内容的高度，从而避免滚动条的出现。 6. **鼠标触发漂浮div** 这个效果通常指的是当鼠标移动到某个元素上时，会有一个div（浮动元素）跟随鼠标...

    淘宝右侧图案悬浮

    <div class="ks-switchable-trigger-internal662cbu-iframe" style="..."> <div class="J_TWidget" data-widget-config="..." data-widget-type="Tabs"> <a style="..."><img src="..."/></a><span> ...

    使用jQuery插件FancyBox轻松实现弹窗视频

    height: '80%', // 弹窗高度 padding: 0, // 去除默认边距 margin: 20, // 边距 arrows: true, // 是否显示导航箭头 infobar: true, // 是否显示信息栏 smallBtn: true, // 是否显示小型关闭按钮 iframe: { ...

    layui点击左侧导航栏,实现不刷新整个页面,只刷新局部的方法

    当我们点击某个菜单项时，会更新`id`为`demoAdmin`的`iframe`的`src`属性，使其指向相应的控制器和动作，从而实现局部刷新。这部分代码可以放在`@RenderSection("scripts", required: false)`中： ```javascript ...

    专业工程实践期末复习题1

    1. 块级元素与内联元素的区别：块级元素如`div`, `p`, `h1`等会占据一整行，可以设置宽度、高度及内外边距，而内联元素如`span`, `a`, `em`等只占据自身内容的宽度，不会换行显示，主要用于文本内容。 2. 常见的...

    javascript的经典面试题汇总

    - **解析**：可以通过JavaScript动态地调整IFrame的高度、宽度等属性。 **答案**: ABCD #### 9. 关于表格表述正确的有： - **选项A**: `表格中可以包含TBODY元素` - **解析**：`<tbody>`元素用于定义表格中的...

    自己写的弹出层

    1. **HTML 结构**：弹出层的核心是HTML元素，可能是`div`、`iframe`或者其他元素，用于承载内容。通常会有一个隐藏的初始状态，通过JavaScript来控制其显示和隐藏。 2. **CSS样式**：弹出层的外观和位置由CSS控制。...

    My Desktop :) 桌面式代码

    此外，页面还包含一个`<div>`元素，其ID为"mainone"，这是`<iframe>`实际显示的地方，它的宽度和高度被设置为100%和500像素，确保了内容能完全显示。 总的来说，这个"My Desktop"代码是一个简洁的网页应用，通过...

    超实用的jQuery代码段

    1.15 实现iframe高度自适应 1.16 实现左右div自适应相同高度 1.17 获取鼠标在屏幕中的坐标 1.18 获取鼠标在窗口客户区中的坐标 1.19 获取鼠标在窗口页面中的坐标 1.20 设置Flash对象的WMode窗口模式 1.21 实现类...

    JavaScript Table行定位效果

    一般来说透明的属性值是"transparent"，但在chrome里却是"rgba(0, 0, 0, 0)"，所以用了一个属性来保存透明值： this._transparent = isChrome ? "rgba(0, 0, 0, 0)" : "transparent"; 并在GetBgColor获取背景色...

Magicbox
Global site tag (gtag.js) - Google Analytics