1

次の内容の HTML ファイルがあります

<html>
<head>
<meta charset="utf-8">
<title>builder 1.0</title>
<body>
<iframe width="100%" height="100%" src="a.html" name="cxsideframe" scrolling:'no';="" id="frame1" style="overflow:hidden;">
</iframe>
</body></html>

a.html の内容は

<html>
<head>
<meta charset="utf-8">
<title>builder v1.0</title>

<meta content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" name="viewport">

<meta content="desc goes here" name="description">
<meta content="auth name" name="author">
<body>
<img src="http://example.com/images/01._V397411194_.png" style="display:none" alt=""/>
<img src="http://example.com/images/V386942464_.gif" style="display:none" alt="" />
</body></html>

jQueryまたはjavascriptを使用して、親ページからa.htmlのメタタグと画像リストのコンテンツを抽出する必要があります。

私は試した

alert($('#frame1').contents().find($('#meta[name=description]').attr("content")).html());


and 
$('meta[name=author]').attr("content");

しかし、解決策がありませんでした。これを行う方法について何か考えはありますか?

4

2 に答える 2

2

属性の値を取得するにcontentは

alert($('#frame1').contents().find('meta[name=description]').attr("content"));

すべての画像を配列として取得する

$('#frame1').contents().find('img')

編集: iframe コンテンツが読み込まれた後にこれらのメソッドを呼び出していることを確認してください。だから使う

$("#frame1").ready(function(){
alert($('#frame1').contents().find('meta[name=description]').attr("content"));
alert($('#frame1').contents().find('img'));
})
于 2013-07-12T07:13:17.807 に答える
-1

たとえば、ボタンを配置し、ボタンに iframe のコンテンツを取得します

function getContentFromIframe(){
    var myIFrame=document.getElementById('iframe');
    var content=myIFrame.contentWindow.document.body.innerHTML;
}
于 2013-10-04T07:09:42.897 に答える