2

私はjQueryを初めて使用し、問題が発生しています。iframeページの読み込み後に挿入されたページがあります。のコンテンツでアンカーリンクを見つけて、それらをURLiframeと比較する必要があります。ロード後に挿入されるためhref、純粋なJavaScriptを試すだけでgetElementById()は機能しません。iframejQueryの、、、またはのいずれかを使用する必要があることを読みlive()ましdelegate()たon()が、それらがどのように機能するかわかりません。また、純粋なJavascriptソリューションがあれば、それも素晴らしいでしょう。

iframe解析する必要があるのは次のとおりです。

<iframe src="http://assets.tumblr.com/iframe.html?10&src=http%3A%2F%2Fstaff.tumblr.com%2F&amp;lang=en_US&amp;name=staff"
    scrolling="no" width="330" height="25" frameborder="0" 
    style="position:absolute; z-index:1337; top:0px; right:0px; 
           border:0px; background-color:transparent; overflow:hidden;" 
           id="tumblr_controls">
</iframe>

すべてのTumblrブログに追加されます（Tumblrスタッフブログを参照）。

私が興味を持っているiframeのコンテンツの一部は次のようになります。

<div style="position:absolute; top:3px; right:3px; white-space:nowrap; height:20px;">
    <form action="/follow" method="post" style="display:block; float:left;" onsubmit="_gaq.push(['_trackEvent', 'Iframe', 'Follow', 'staff');">
    <input type="hidden" name="form_key" value="8W0r1XnbOEtpTF0q8oe96BmGMJg"/>
    <input type="hidden" name="id" value="staff"/>
    <input type="image" src="http://assets.tumblr.com/images/iframe_follow_alpha.png 1018" style="width:58px; height:20px; border-width:0px; display:block; margin-left:3px; cursor:pointer;" alt="Follow"/>
    </form>
    <a target="_top" href="http://www.tumblr.com/dashboard">
    <img src="http://assets.tumblr.com/images/iframe_dashboard_alpha.png?1018" alt="Dashboard" style="height:20px; width:81px; border-width:0px; display:block; float:left; cursor:pointer;"/>
</a>

このコンテンツで考えられるすべてのアンカーリンクを比較し、それらのhrefをURLと比較する必要があります。

4

3 に答える 3

4 
function getHref() {

  var src = false,
      iframe = $('iframe#tumblr_controls');  // keep reference of iframe;
  // check that iframe loaded
  if( iframe.length) { 
     src = iframe.find('a[target=_top]').attr('href');
  }
}

これで、呼び出して iframe 内のリンクgetHref()を取得し、hrefそれを比較に使用できます。

次のように試すこともできます。

$('iframe#tumblr_controls').load(function() {
   var href = $(this).find('a[target=_top]').attr('href');
});

aコンテンツ内に複数のタグがある場合は、次を試してください。

function compareHrefs() {
  var iframe = $('iframe#tumblr_controls');  // keep reference of iframe;
  // check that iframe loaded
  if( iframe.length) { 
     // looping over each  tag
     iframe.find('a').each(function() {
          if ( this.href == TARGET_URL ) {
             // do something
          }
     });
  }
}
于 2012-07-26T04:37:13.380 に答える
0

iframe を挿入したら、jquery のように ID から iframe を取得できます。

$('#tumblr_controls')

ソースURLを取得するには、attr次のようにjqueryを使用します

var source = $('#tumblr_controls').attr('src');

jsfiddle.netでの作業デモ

于 2012-07-26T04:43:17.993 に答える
0

iframe は別のドキュメントなので、そのように扱う必要があります...

$(document).ready(function(){
  $("#iframe).load(function(){
   //do stuff
  })
});
于 2012-07-26T04:44:12.450 に答える