html获取iframe内的数据

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html获取iframe内的数据相关的知识,希望对你有一定的参考价值。

在页面内引用了一个网页(iframe)方式,id名字是aa,在aa内部有一个select ,id为aaa,请问如何获取这个aaa的值?

同域或跨子域读写操作 iframe 里的内容

父页面读写操作子页面:

html code<iframe id="test-iframe" name="test-iframe" src="child.html" scrolling="no" frameborder="0"></iframe>

<script>
window.onload = function ()
/*
* 下面两种获取节点内容的方式都可以。
* 由于 IE6, IE7 不支持 contentDocument 属性,所以此处用了通用的
* window.frames["iframe Name"] or window.frames[index]
*/
var d = window.frames["test-iframe"].document;
d.getElementsByTagName(\'h1\')[0].innerHTML = \'pp\';
alert(d.getElementsByTagName(\'h1\')[0].firstChild.data);

</script>
参考技术A var iframe = document.getElementById('aa').contentWindow;
alert(iframe.aaa.nodeName);
试试看。本回答被提问者采纳

更改 iframe 内的字体 [重复]

【中文标题】更改 iframe 内的字体 [重复]【英文标题】:Change font inside an iframe [duplicate] 【发布时间】:2014-11-15 19:14:09 【问题描述】:

我有一个带有iframe 的HTML 页面。我想更改 iframe 内容的样式,但我似乎无法这样做。

我想将iframe 中所有内容的字体更改为“Tahoma”。这是我的代码:

<!DOCTYPE>

<html>
<head>

<title>phpinfo()</title>
<style type="text/css">
#outerdiv

width:446px;
height:246px;
overflow:hidden;
position:relative;


#inneriframe

position:absolute;
top: -508px;
left: 0px;
width: 100%;
height: 615px;
font-family: Tahoma;

</style>

<script>
onload = function()

 document.frm.document.body.style.fontFamily = "Tahoma";

</script>

</head>

<body>
<div id='outerdiv '>
<iframe  name="iframe" src="http://m.sarafikish.com" id='inneriframe' name="frm" scrolling=no frameborder="0"  > </iframe>
</div>    
</body></html>

【问题讨论】:

【参考方案1】:

这只有在iframesrc 设置为同一域上的页面或满足Same-Origin Policy 时才有可能。您的问题没有说明您是否满足这些要求,但如果满足,您可以使用contentDocument property of the iframe 通过 JavaScript 操作 iframe。

示例:

document.getElementById("inneriframe").contentDocument.body.style.fontFamily = "Tahoma";

【讨论】:

【参考方案2】:
var frame = $('#frameId');
frame.load(function () 
    frame.contents().find('body').css('font-family', 'Arial');

如果你想使用自定义字体:

var frame = $('#frameId');
frame.load(function () 
    var head = frame.contents().find('head');
    $('<link/>', 
        rel: "stylesheet",
        type: "text/css",
        href: "/url/to/style_with_fonts.css"
    ).appendTo(head);
    frame.contents().find('body').css('font-family', 'Custom Font');

【讨论】:

以上是关于html获取iframe内的数据的主要内容,如果未能解决你的问题,请参考以下文章

使用jquery获取iframe内的元素属性

jquery怎么获取当前页面iframe的id?

javascript怎么操作iframe页面里面的dom元素?

javascript 控制 iframe 里面的 a 元素让它不跳出iframe

跨域下的iframe自适应高度

获取 iframe 内输入字段的值