<iframe> 怎么获取一个html的内容放到另一个html里,例如

<iframe> 怎么获取一个html的内容放到另一个html里,例如,第1张

分两种情况:

如果你的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网页的内容等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9381509.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-27
下一篇2023-04-27

发表评论

登录后才能评论

评论列表(0条)

    保存