js获取iframe里的body内容

最新推荐文章于 2024-04-19 11:04:27 发布
最新推荐文章于 2024-04-19 11:04:27 发布
阅读量2.2k 收藏
点赞数
文章标签： javascript python xhtml ViewUI
原文链接：http://www.cnblogs.com/xxx91hx/p/4065561.html
版权

做个页面 需要加入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="frame"></iframe>”);

然后右侧有个浮动导航用HTML描点跳转 到当前页面的某个位置

在iframe里是无法正确跳转的 有看到这里的大神帮忙指点下啊 怎么个思路跳转 我知道window.frames['frame']获取到iframe内容 

然后后面怎么设计到全局 就是当前页里 能用HTML描点识别呢 

问题1 :http://www.xxx.com/publish/d1111top.html#s1 这样的形式 怎么正确跳转到iframe的位置上

还有一个就是iframe 里面的doctype应该是失效的 默认文档类型 是混乱的 不是标准解析了
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

一般这样的 然后就是iframe里面的就是混乱模式 好像叫这个  请问有谁知道怎么解决么~

问题2：iframe里面的文档模式 混乱 不能正确解析 IE下错位

问题3：JS怎么获取一个远程HTML的内容 这个HTML没有HTML BODY这样的标签 

 

以后学会了 再来完成这里

 

剩下的就是获取iframe 下的body内容

 

acty-frame是iframe的ID

window.frames['acty-frame'].contentWindow.document.body.innerHTML

 

contentWindow属性，这是个只读属性，返回指定的iframe的窗口对象。各个主流浏览器都支持~

 



转载于:https://www.cnblogs.com/xxx91hx/p/4065561.html

weixin_30340353
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js获取iframe中的内容
12-08
js获取iframe中的内容
js获取iframe中body内容
qq_43132512的博客
02-14 4555
获取iframe中body内容 test-id是iframe的ID window.frames['test-id'].contentWindow.document.body.innerHTML 、
为什么js无法通过contentDocument获取到iframe内容
最新发布
SunFlower914的博客
04-19 616
在页面中iframe加载到内容的情况下，无论怎么获取，js拿到的iframe内部都是空的，观察发现iframe的地址和项目的地址没有满足同源策略...
JS 获取页面中iframe中的内容
yh_bxhl的专栏
03-27 1599
var imgObj = $('uploadimgframe').contentWindow;     imgObj.document.body.innerHTML=""; 获取整个内容 var imgObj = $('uploadimgframe').contentWindow;         var sPhoto =imgObj.document.getElementsByTag
【JS】【10】获取iframe里面body的html
aizhu4795的博客
05-04 746
正文： $("iframe").contents().find("body").html(); //iframe里面页面body的内容 $("iframe").contents().find("body").height(); //iframe里面页面body的高度 参考来源： Jquery如何获取iframe里面body的html呢？_百度知道https://zhida...
如何获得iframe内部的body和其他元素
qssn的博客
07-20 4145
记录一下如何获得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
js调用iframe实现打印页面内容的方法
12-12
JavaScript调用IFrame实现打印页面内容的方法是一种常见且实用的技术，尤其在网页中需要特定区域打印或者保持原页面不被改变的情况下。以下是该方法的详细解释： ### 1. 程序说明 1. **选择性打印**：此方法允许...
jquery获得同源iframe内body下标签的值的方法
12-10
在网页开发中，有时我们需要操作或获取嵌入在页面中的`iframe`标签内的元素值，特别是在使用jQuery这一强大的JavaScript库时。本问题聚焦于如何使用jQuery来获取同源`iframe`内`body`下的标签值。同源策略是浏览器...
兼容IE和Firefox的javascript获取iframe文档内容的函数
01-19
代码如下: [removed] function getIframeContent(){ //获取iframe中文档内容 var doc; if (document.all){//IE doc = document.frames[“MyIFrame”].document; }else{//Firefox doc = document.getElementById(...
js实现iframe自动自适应高度的方法
10-24
这个函数通过`window.frameElement`获取当前运行脚本的Iframe元素，然后设置它的`height`属性为`document.body.scrollHeight`，即文档内容的实际高度。同样，如果需要，它也会调整Iframe的宽度。如果Iframe有父元素...
Jquery如何获取iframe里面body的html
weixin_43516054的博客
11-04 2176
Jquery如何获取iframe里面body的html呢？ 幻翼高达Zero 来自电脑网络类认证团队 2019-06-01 Jquery可以使用“$(“iframe body”).html()”语句获取iframe里面body的html内容。 jQuery选择器允许对HTML元素组或单个元素进行操作，所有选择器都以美元符号开头：()。元素选择器基于元素名选取元素，例如：∗“()。元素选择器基于元素...
获取iframe 内容
04-02 186
parent.$.find("iframe")[0].contentWindow.getvalue(); h.find("iframe")[0].contentWindow.document.getElementById("tt").value; 转载于:https://www.cnblogs.com/chenxiao/p/3640334.html...
Js/Jquery 获取iframe中的元素
热门推荐
shadow_zed的博客
08-25 2万+
由于公司项目开发中，经常会用到iframe，难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素。 js 在父窗口中获取iframe中的元素 Js代码  // 格式： window.frames["iframe的name值"].document.getElementById("iframe中控件的ID").click();   // 实例 window....
JS如何获取iframe内html的body值
diaobiao8107的博客
07-05 1017
default页面： <html> <head> <script type="text/javascript"> window.onload=function() { var img = document.frames["IFeditValue"].document.get...
JavaScript获取iframe的内容
dusea的博客
09-14 2529
假设做了一个iframe为以下 当然，src可以根据自己的需要进行修改。 那么在父网页中就可以通过以下代码获取子元素内容 var iframe = document.getElementById(childFrame); var data = iframe.contentWindow.document.getElementById('tablediv').innerHTML; 而这
如何得到iframe里的内容
Mr_Zhao的专栏
07-19 1万+
有一个页面：     .....             .....                                     ....             请问：iFrame外面的button如何保存Iframe里面的内容？     问题点数：100、回复次数：9Top 1 楼madpolice（午夜狂龙）回复于 2005-02-28 10:08:42 得分 0
获取iframe里面的数据
qq_43921510的博客
03-02 2708
let iframe = document.getElementById('ifram'); console.log('iframe By id',iframe.contentWindow.document.querySelectorAll('.page')) let allPage = iframe.contentWindow.document.querySelectorAll('.page')
八戒踩坑之 js获取iframe框架中的内容
wolf23151269的博客
12-14 4696
今天踩了个坑 ,具体代码如下 我需要在第二个iframe中获取第一个iframe里面的dom节点，然后就开始直接调用 $('#我要的节点的id'，window.parent.document) 方式获取，结果失败了。 查询了下才知道 拿iframe 里面 有点特殊。必须先获取iframe的.contents()。 记录下避免二次踩坑 <div id="task-create-content" data-course-id="1" data-activity-id="0" class="t...
获取iframe对话框里边的body的点击事件，各种监听页面活动的方法，检测用户是否活跃的方法
u010782109的博客
09-01 732
【代码】获取iframe对话框里边的body，各种监听页面活动的方法，检测用户是否活跃的方法。
js iframe 父级窗口获取 iframe窗口 渲染的内容 代码
07-28
最后，我们通过 `iframeWindow.document.body.innerHTML` 获取了 iframe 窗口渲染的内容，并将其存储在变量 `iframeContent` 中。你可以根据需要进一步处理或展示这个内容。 请注意，由于跨域安全限制，如果 iframe...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值