社区
JavaScript
帖子详情
怎么显示iframe里面div的内容
lyyliyuanyuan
2017-10-26 02:24:43
在一个HTML中,用到iframe,iframe的src引入的是另一个HTML里面,里面有个div,iframe和它里面的div初始时都是display:none,现在点击第一个HTML中的一个按钮,怎么让iframe里面的div内容显示。
...全文
395
1
打赏
收藏
怎么显示iframe里面div的内容
在一个HTML中,用到iframe,iframe的src引入的是另一个HTML里面,里面有个div,iframe和它里面的div初始时都是display:none,现在点击第一个HTML中的一个按钮,怎么让iframe里面的div内容显示。
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
1 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
天际的海浪
2017-10-26
打赏
举报
回复
首先两个html必须是同一网站的,不能跨域操作。 按钮click事件中 document.getElementById("iframe的id").style.display = "inline"; document.getElementById("iframe的id").contentDocument.getElementById("div的id").style.display = "block";
div
动态
显示
iframe
内容
本文探讨了在
div
中隐藏
iframe
的问题及解决办法。即使设置了display:none,页面仍会加载。文章提供了通过JavaScript动态创建并插入
iframe
的方法。
使用
div
+
iframe
实现弹窗及弹出
内容
无法
显示
的解决
本文详细介绍了如何使用
div
+
iframe
技术创建弹出窗口,并讨论了如何在用户关闭窗口后保存其选择状态,提供了两种实现方案:使用查询字符串传递状态或在父页面保存状态。重点阐述了在不同情况下如何实现弹出窗口的交互和状态持久化。
editormd
显示
保存的页面
内容
(不使用
iframe
)
本文介绍了如何在不使用
iframe
的情况下,利用editormd将从后台获取的markdown
内容
解析并
显示
在HTML页面中。由于
iframe
的高度自适应问题,作者选择使用
div
替换
iframe
。然而,这样做导致了textarea消失,页面无法正确刷新。为了解决这个问题,作者提出在解析前检查textarea是否存在,若不存在则清除
div
内容
并重新添加textarea。
tab下嵌入超链接,直接
显示
超链接
内容
,
iframe
自适应
div
本文展示了一种在Element UI的Tab组件中嵌入
iframe
,并实现
iframe
内容
自适应高度和宽度的方法。通过设置
iframe
的width和height为100%,并使用onload事件动态调整
iframe
的高度和宽度,确保了不同分辨率屏幕上的良好展示效果。
解决
div
隐藏后再
显示
其内嵌的
iframe
不
显示
本文介绍了一种解决默认内嵌
iframe
在
div
中
显示
时
内容
缺失的方法。通过调整
iframe
的
显示
属性并重新加载
iframe
地址来确保
内容
正确展示。
JavaScript
87,989
社区成员
224,684
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章