documentgetElementById(iframeId)contentWindow;可获得iframe包含的页面;然后遍历a标签不可以吗?
var ObjIfr = documentgetElementById(iframeId)contentWindow;
AIfrList = documentgetElementByTagName("a");
然后遍历一下这个数组,获取其href属性。
不知道这个方法可以不,我没有试,楼主看看吧
首先要获取iframe对象,然后就可以直接调用了:
var v_Obj=documentframes("iframeName");v_ObjiframeFunction();
解释:
其中的frames代表根据iframe中的name属性来查找;
iframeName为iframe中name属性的值;
iframeFunction为iframe中的JS方法名称。
转自 Quber 的163blog
答:layeriframe通过属性id传值——最近使用layer的d窗功能,在传参上遇到了问题。
有两种情况。
1 父页面给子页面传参;这个可以在url后拼接,比如testhtmla=1
2 父页面获取子页面 *** 作DOM;
回答完毕!
采用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属性即可。
使用encodeURIComponent
如 : let url = '>
以上就是关于怎么获取iframe里的href标签 不能加id 和name全部的内容,包括:怎么获取iframe里的href标签 不能加id 和name、怎么调用iframe 里面的方法、layeriframe通过属性id传值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)