js获取iframe中body内容

最新推荐文章于 2023-09-01 15:52:18 发布
最新推荐文章于 2023-09-01 15:52:18 发布
阅读量4.5k 收藏 3
点赞数 1
文章标签： javascript js web
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43132512/article/details/104316707
版权

获取iframe中body内容

test-id是iframe的ID

window.frames['test-id'].contentWindow.document.body.innerHTML

//简单示例，在加入富文本编辑器的页面中获取中id为 ueditor_0 的 iframe 标签中 body 的内容

<input type="button" value="获取" onclick="alert(window.frames['ueditor_0'].contentWindow.document.body.innerHTML)">

//一个测试地址：http://ueditor.baidu.com/website/onlinedemo.html
//将上述第5行代码复制到编辑页面HTML的一个可见位置即可
imyyn
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
如何获得iframe内部的body和其他元素
qssn的博客
07-20 4216
记录一下如何获得iframe内部的元素~ 使用js获得 //先拿到iframe元素，可以使用querySelector或者知道id可用window.frames获得 const iframe = document.querySelector('#iframe-parent-id').firstElementChild || window.frames['my-frame-id'] //2.1 获得body const body = iframe.contentWindow.document.body
jquery获得同源iframe内body下标签的值的方法
12-10
test.html Html代码 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jquery</title> <style type="text/css"> </style> [removed][removed] <script type="te
js获取iframe里的body内容
weixin_30340353的博客
10-31 2232
做个页面 需要加入a.html 使用的js动态添加iframe 直接JQ添加的 代码 $(".banner-box").after(“<iframe src="http://www.xxx.com/publish/d1111top.html" height="8191" width="100%" frameborder="0" scrolling="no" id="fra...
【JS】【10】获取iframe里面body的html
aizhu4795的博客
05-04 748
正文： $("iframe").contents().find("body").html(); //iframe里面页面body的内容 $("iframe").contents().find("body").height(); //iframe里面页面body的高度 参考来源： Jquery如何获取iframe里面body的html呢？_百度知道https://zhida...
JS如何获取iframe内html的body值
diaobiao8107的博客
07-05 1022
default页面： <html> <head> <script type="text/javascript"> window.onload=function() { var img = document.frames["IFeditValue"].document.get...
Jquery如何获取iframe里面body的html
weixin_43516054的博客
11-04 2182
Jquery如何获取iframe里面body的html呢？ 幻翼高达Zero 来自电脑网络类认证团队 2019-06-01 Jquery可以使用“$(“iframe body”).html()”语句获取iframe里面body的html内容。 jQuery选择器允许对HTML元素组或单个元素进行操作，所有选择器都以美元符号开头：()。元素选择器基于元素名选取元素，例如：∗“()。元素选择器基于元素...
js获取iframe中的内容
12-08
JS 获取 iframe 中的内容 在 Web 开发中，我们经常会遇到需要获取 iframe 中的内容的情况。iframe 是 HTML 中的一个元素，用于嵌入其他网页或文件。今天，我们将探讨如何使用 JavaScript 获取 iframe 中的内容。 ...
js调用iframe实现打印页面内容的方法
12-12
JavaScript调用IFrame实现打印页面内容的方法是一种常见且实用的技术，尤其在网页中需要特定区域打印或者保持原页面不被改变的情况下。以下是该方法的详细解释： ### 1. 程序说明 1. **选择性打印**：此方法允许...
JS获取iframe中longdesc属性的方法
12-09
在标题和描述中提到的“JS获取iframe中longdesc属性的方法”，主要涉及的是如何使用JavaScript来读取`iframe`元素的`longdesc`属性值。以下是一个简单的示例，展示了如何做到这一点： ```html <!DOCTYPE html> ...
javascript应用：Iframe自适应其加载的内容高度
10-30
2. **获取高度**：如果当前页面确实在`<iframe>`中，则需要计算该页面的实际内容高度。 3. **调整高度**：最后，通过JavaScript改变`<iframe>`的高度属性，使其与内容的高度一致。 #### 3. 代码实现详解 以下是...
获取iframe对话框里边的body的点击事件，各种监听页面活动的方法，检测用户是否活跃的方法
最新发布
u010782109的博客
09-01 759
【代码】获取iframe对话框里边的body，各种监听页面活动的方法，检测用户是否活跃的方法。
iframe跨域+
weixin_30826761的博客
04-24 241
script、image、iframe的src都不受同源策略的影响。所以我们可以借助这一特点，实现跨域。如前面所介绍的JSONP跨域，以及灯标(Beacons)。 该篇随笔主要阐述iframe结合一些技术，实现跨域请求。 　　1、iframe+window.name; 　　2、iframe+location.hash; 　　3、iframe+window.postMessage. 另，在...
iFrame跨域解决办法
you901022的专栏
04-11 8049
按情境分 1、不跨域时 2、主域相同、子域不同时 3、主域不同 不跨域时 访问iframe： contentWindow 访问父级：parent 访问顶级：top a.html html xmlns="http://www.w3.org/1999/xhtml">  head>      meta http-equiv="Content-Type" content="
通用版父页面跨域访问iframe里面的内容解决方案，jupyter+tornado跨域通信解决方案
劲枫的博客
04-24 3765
1、问题：获取jupyter里面的内容现在已经将jupyter放进iframe里面，现在的问题描述为：在父页面获取iframe里面的内容，iframe里面就是jupyter，这里的父页面是自己搭建的tornado服务器打开的页面，网址为127.0.0.1:9000，iframe里面的jupyter用的网址是127.0.0.1:8888，所以涉及到了跨域请求。1.1、通用版解决跨域问题(通用的不限于...
跨域 iframe 通信（页面引入跨域iframe）
风小猪的博客
04-13 1508
如果使用的是不跨域的iframe，可以直接获取iframe中的DOM元素，不需要使用postMessage通信。需要修改iframe工程中的代码，并且postMessage不能传递iframe中的dom对象。当iframe传递Dom对象时，会出现报错：“DataCloneError：无法克隆对象。如果想要获取跨域iframe中的元素，由于浏览器的同源策略，直接获取是不允许的，形式如下。// 由于iframe和这个页面不同域，获取不到该元素，并且会报错。
解决window.document.body.innerHTML替换导致事件丢失问题
m0_58257035的博客
05-09 3260
关于window.document.body.innerHTML事件失效
js 获取iframe内的元素
weixin_43745973的博客
12-16 2295
iframe
js 弹窗嵌入iframe并往iframe中加入内容
05-26
可以使用以下代码在 JavaScript 中嵌入一个弹窗到 iframe 中，并在 iframe 中添加一些内容： ```javascript var iframe = document.createElement('iframe'); iframe.src = 'your-page-url'; iframe.style.width = '100%'; iframe.style.height = '100%'; document.body.appendChild(iframe); var win = iframe.contentWindow; var doc = win.document; var p = doc.createElement('p'); p.innerHTML = 'This is some content added to the iframe.'; doc.body.appendChild(p); win.alert('your message'); ``` 这将创建一个 iframe 元素，并将其添加到文档中。然后，你可以通过 `iframe.contentWindow` 属性获取 iframe 的窗口对象，并通过 `win.document` 属性获取 iframe 内部的文档对象。接下来，你可以使用文档对象的 API 在 iframe 中添加内容。最后，你可以在 iframe 中显示弹出窗口，例如使用 `alert` 方法。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值