
$("#top的frame的id")contents()find("#main的frame的id")attr("src");
eg
$("#topCotent")contents()find("#mainCotent")attr("src");
采用JavaScript来控制iframe元素的高度是iframe高度自适应的关键,同时由于JavaScript对不同域名下权限的控制,引发出同域、跨域两种情况。
由于客户端js使用浏览器的同源安全策略,跨域情况下,被嵌套页面如果想要获取和修改父页面的DOM属性会出现权限不足的情况,提示错误:Permission denied to access property 'document'。这是因为除了包含脚本的文档载入的主机外,同源策略禁止客户端脚本链接到其他任何主机或者访问其他任何主机的数据。这意味着访问一个web服务的javascript代码通常只有在它也驻留在Web服务本身所在的同一个服务器的时候才有用。
所以在跨域情况下,我们遇到的问题就是:父窗口无法获得被嵌套页面的高度,而且被嵌套页面也无法通过驻留在其服务器上的js修改父窗口Dom节点的属性。所以我们需要一个媒介,来获得被嵌套页面的高度同时又能修改主界面iframe节点的高度。
思路:现有主界面main在域a下,被嵌套页面B在域b下,被嵌套页面B又嵌套一个在域a下的中介页面A。当用户打开浏览器访问mailhtml的时候载入B,触发B的onload事件获取其自身高度,然后B载入A,并将高度值作为参数赋值给A的location对象。这样A就可以通过locationhash获得B的高度。(location是javascript里边管理地址栏的内置对象,比如locationhref就管理页面的url,用locationhref=url就可以直接将页面重定向url。而locationhash则可以用来获取或设置页面的标签值。比如>
关键代码:
iframe主页面:mainhtml
<iframe id="iframeB" name="iframeB" src=">
iframe嵌套页面:Bhtml
<iframe id="iframeA" name="iframeA" src="" width="0" height="0" style="display:none;" ></iframe>
<script type="text/javascript">
function sethash(){
hashH = documentdocumentElementscrollHeight; //获取自身高度
urlC = ">
中介页面:Ahtml
<script>
function pseth() {
var iObj = parentparentdocumentgetElementByIdx_x_x_x('iframeB');//A和main同域,所以可以访问节点
iObjH = parentparentframes["iframeB"]frames["iframeA"]locationhash;//访问自己的location对象获取hash值
iObjstyleheight = iObjHsplit("#")[1]+"px";// *** 作dom
}
pseth();
</script>
同域情况下就不用多说了,直接在被嵌套的页面B中获取其自身高度并 *** 作其父窗口main的dom属性即可。
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中跳转
<html><head>
</head>
<body>
<h1>abc</h1>
<iframe src="1txt" id="iframe1" name="iframe" width="100" height="100"></iframe>
<script>
setTimeout(function() {
var iframe = documentgetElementById("iframe1");
var iframeDocument = iframecontentDocument || iframecontentWindowdocument;
alert(iframeDocumentdocumentElementinnerText);
//var button = iframeDocumentgetElementById("mybutton");
},3000);
</script>
</body>
</html>
直接用file://这样的方式访问可能会有问题,最好下个hfs搭个服务器,把文件放到服务器里面,用内网的方式测试>
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元素是一样的。
1、你取得iframe的document的前提为这个iframe的地址是你域内的页面,
比如你设src为百度,取这个iframe的document时就会报拒绝访问的错误
2、我试过了 documentgetElementById('myf')contentWindowdocument 在ie与谷歌都行的
3、documentframes('iframename')document 这个方法只能在ie下面取得到
4、用火狐的firebug看看吧,有什么错都会显示出来,莫名其妙的事情什么时候都可能发生,
有时我直接取取window都报undefined
分两种情况:
如果你的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等浏览器会报跨域错误(搭建服务器环境测试即可正常)。
方法只有一种:
步骤:
1、获取iframe节点
2、获取iframe中的变量
示例
ahtml
<iframe id='x' name='x' src='bhtml'/>
bhtml
<script>
var y='1';
</script>
在ahtml中获取y,则可以通过以下方式
documentframes['x']y //先获取frame,在获取y
以上就是关于在html页面中如何取iframe的src地址 在线等全部的内容,包括:在html页面中如何取iframe的src地址 在线等、如何在HTML的iframe中,获取被调用的页面的高度,并作为这个iframe的高度、Android WebView怎么获取html iframe内部链接错误等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)