
分两种情况:
如果你的1html页面只有<div class="all"></div>这一部分内容,则可以在2html中插入一个iframe,并设置iframe的src=“1html”即可。
如果1html中还有其它的内容,而你又希望只将<div class="all"></div>里的内容显示到2html中,这样用iframe就无法实现了,因为iframe会获取并显示整个目标页面,这时可以用ajax技术来实现(这里用了jQuery来确保兼容性):
先在2html文件的<head></head>标签里引入jQuery库,再插入如下JS代码:
$("divall")load("1html divall");注意:本地测试以上代码的话请用IE8,Chrome等浏览器会报跨域错误(搭建服务器环境测试即可正常)。
简单的做个例子,框架路径可以自己修改,调用像百度等网站时无法读取其中源码,涉及到一些安全问题,所以路径要求是合法的允许访问的路径 <script> function GetFrameInnerHtml(objIFrame) { var iFrameHTML = ""; if (objIFramecontentDocument) { //针对netscape iFrameHTML = objIFramecontentDocumentinnerHTML; } else if (objIFramecontentWindow) { // 针对ie55和ie6 iFrameHTML = objIFramecontentWindowdocumentbodyinnerHTML; } else if (objIFramedocument) { // For IE5 iFrameHTML = objIFramedocumentbodyinnerHTML; } return iFrameHTML; } </script> <iframe id="ifa" src="1html" ></iframe> <input type="button" value="click" onclick="alert(GetFrameInnerHtml(documentgetElementById('ifa')))"/>
//jquery在父窗口中获取iframe中的元素
//1、获取页面firame1的html内容
$("#iframe1")contents()find("#form1")html()
//获取iframe内的网页标题
$("#iframe的ID")contents()attr("title");//jquery 方法1
//类似的方法
$(selector, windowtopdocument);
$(selector, windowopenerdocument);
$(selector, windowtopframes[0]document);
JS获取/设置iframe内对象元素、文档的几种方法
1、IE专用(通过frames索引形象定位):
复制代码 代码如下:
documentframes[i]documentgetElementById('元素的ID');
2、IE专用(通过iframe名称形象定位):
复制代码 代码如下:
documentframes['iframe的name']documentgetElementById('元素的ID');
以上方法,不仅对iframe适用,对frameset里的frame也同样适用。IE虽然擅于自定标准,但不得不说它很多的设计还是比较体现人性化的。比如这个,它在同样支持下面的标准路径之外,提供了一个简洁且形象化的写法。
3、通用方法:
复制代码 代码如下:
documentgetElementById('iframe的ID')contentWindowdocumentgetElementById('元素的ID')
注意要加上contentWindow,往往出现问题都是因为这个容易被忽略,它代表frame和iframe内部的窗口对象。
JS获取iframe文档内容
复制代码 代码如下:
<script type="text/javascript">
function getIframeContent(){ //获取iframe中文档内容
var doc;
if (documentall){ // IE
doc = documentframes["MyIFrame"]document;
}else{ // 标准
doc = documentgetElementById("MyIFrame")contentDocument;
}
return docbodyinnerHTML;
}
</script>
注意:上面的 contentDocument 相当于 contentWindowdocument !
一、需求与遇到的问题
在网站的后台管理中使用了iframe框架布局,包括顶部菜单、左侧导航和主页面。需求是:点击主页面上的一个按钮,在顶部菜单栏的右侧显示“退出”链接,点击可退出系统。
我的思路是:在顶部的菜单页面放一个不可见的“退出”链接,当用户点击位于iframe中的主页面(mainPagehtm)中的按钮时,在顶部菜单页面的右侧显示“退出”。
我现在遇到的问题是:如何在页面的一个iframe子页面(mainPagehtm)中获取并且 *** 作其它iframe子页面(比如topPagehtm)中的HTML元素?
二、通过JS获取并 *** 作iframe中的元素来解决问题
这里主要就是通过JS来 *** 作Window对象。Window 对象表示浏览器中打开的窗口,如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象。
经过我在网上查资料,找到了JS *** 作iframe中HTML元素的方法。示例如下。
复制代码 代码如下:
function ShowExit() {
//获取iframe的window对象
var topWin = windowtopdocumentgetElementById("topNav")contentWindow;
//通过获取到的window对象 *** 作HTML元素,这和普通页面一样
topWindocumentgetElementById("exit")stylevisibility = "visible";
}
说明:第一步,通过windowtopdocumentgetElementById("topNav")方法获取了顶部菜单页面(topPagehtm)所在的iframe对象;第二步,通过上一步获取到的iframe对象的contentWindow属性得到了iframe中元素所在的window对象;第三步,通过上一步获取到的window对象来 *** 作iframe框架中的元素,这和 *** 作不在iframe框架中的普通HTML元素是一样的。
LZ你好之所以不能返回是因为返回键的时候系统当做整个activity,而不是webview的历史页面也就是说你必须消费掉back事件。你可以覆盖activity中的方法 public boolean onKeyDown(int keyCode, KeyEvent event) { if ((keyCode == KeyEventKEYCODE_BACK) && mWebViewcanGoBack()) { mWebViewgoBack(); return true; } return superonKeyDown(keyCode, event); } 这样就行,另外再提醒一点,如果在webview中点连接,默认的是会调用系统的浏览器所以还需 mWebViewsetWebViewClient(new WebViewClient(){ public boolean shouldOverrideUrlLoading(WebView view, String url) { viewloadUrl(url); return true; } }); 这样就能保证在webview中跳转
$("#top的frame的id")contents()find("#main的frame的id")attr("src");
eg
$("#topCotent")contents()find("#mainCotent")attr("src");
1、你取得iframe的document的前提为这个iframe的地址是你域内的页面,
比如你设src为百度,取这个iframe的document时就会报拒绝访问的错误
2、我试过了 documentgetElementById('myf')contentWindowdocument 在ie与谷歌都行的
3、documentframes('iframename')document 这个方法只能在ie下面取得到
4、用火狐的firebug看看吧,有什么错都会显示出来,莫名其妙的事情什么时候都可能发生,
有时我直接取取window都报undefined
以上就是关于<iframe> 怎么获取一个html的内容放到另一个html里,例如全部的内容,包括:<iframe> 怎么获取一个html的内容放到另一个html里,例如、用Python怎么得到网页中iframe的源代码、jquery如何获取页面中引入iframe网页的内容等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)