js获取iframe里的body内容

做个页面 需要加入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